‎App Store: РИСОВАЛКА! РИСОВАНИЕ для ДЕТЕЙ

Описание

Пробудите в ребёнке интерес к творчеству!
В весёлой игровой форме “Рисование для детей” поможет вашему малышу научиться рисовать!
Необычное сочетание рисования и анимации делает это приложение действительно уникальным… загрузите и убедитесь в этом сами!

В нашей рисовалке можно шаг за шагом нарисовать очаровательного персонажа – бабочку, лягушку, машинку, ежика… Каждый персонаж оживает, словно по волшебству, после того, как его нарисуют: бабочка начинает весело порхать и смеяться, ежик сворачивается в клубок, ракета летит в космос, а лягушка забавно прыгает… Нажимая на кнопки, ребёнок может поиграть со своим рисунком. Нарисованный ребёнком персонаж будет танцевать, кувыркаться и показывать забавные фокусы.

«Рисование для малышей!» – это уникальная анимированная игра-рисовалка. Даже маленький ребенок легко и просто нарисует её симпатичных героев! Великолепная озвучка, забавные анимации и смешные звуковые эффекты — всё это непременно придётся по душе маленьким художникам.

«Рисование для малышей!» – это:
•Более 100 очаровательных персонажей для рисования
•Уникальная обучающая методика для самых маленьких
•Обводим по контуру
•Более 300 забавных анимаций и звуков
•Развитие мелкой моторики
•Простой, интуитивно понятный ребенку интерфейс
•Игра-рисовалка для детей от 2-х до 6-ти лет
•Возможность сохранить рисунок
•Подготовка руки к письму
•Развитие творческих способностей
•Родительский контроль
•Никакой посторонней рекламы

«Рисование для малышей!» развивает творческие способности, мелкую моторику, и воображение. Но самое главное, рисование становится веселой и увлекательной игрой, доставляющей радость и удовольствие. Все получается легко и просто – достаточно лишь немного постараться!

Подробности подписки
Вы можете получить доступ к более чем 100 симпатичным персонажам и рисункам после подписки на наше «Рисование для малышей!» Просто скачай и играй!

У Вас есть возможность воспользоваться бесплатным пробным периодом в течение недели или Вы можете оформить подписку сразу же после загрузки. После окончания бесплатного периода подписка продлевается автоматически, если не отключить «автоматическое продление» как минимум за 24 часа до конца текущего периода.
Для вашего удобства мы предлагаем различные варианты подписки: месячная и годовая подписка.
Если в какой-то момент Вы решите отменить подписку, сделать это очень просто через настройки iTunes.
Оплата за подписку будет снята с вашей учетной записи iTunes при подтверждении покупки.
Подписка продлевается автоматически, если не отключить «автоматическое продление» как минимум за 24 часа до конца текущего периода.
Плата за продление взимается в течение 24 часов до окончания текущего периода.
Вы можете отмените подписку в любой момент, совершенно бесплатно, используя настройки Вашего аккаунта.
Подписка действительна на любом устройстве, зарегистрированном на Ваше имя (Apple ID).
Если Вам нужна помощь, есть вопросы или же Вы просто хотите поболтать, напишите нам: [email protected].
http://binibambini. com/terms-of-use/
http://binibambini.com/privacy

Подробнее о Bini Bambini:

Bini Bambini – это творческое объединение профессионалов: дизайнеров, художников, аниматоров, программистов, вдохновленных идеей создания развивающих игр для детей. Известный факт, что дети лучше всего познают мир и учатся новому, играя в увлекательные игры. Для детей играть так же естественно, как дышать. Именно поэтому мы создаем детские приложения и развивающие игры, которые раскрывают творческие способности ребенка, помогают ему узнавать новое и учиться. Важно отметить, что все наши игры безопасны и не содержат посторонней рекламы. И в них интересно играть как самим детям, так и родителям вместе с детьми!

Спасибо, что скачали наше приложение!

9 нояб. 2022 г.

Версия 4.1.3

Мы исправили мелкие ошибки, играть стало еще проще и веселее!

Оценки и отзывы

Оценок: 31 тыс.

Очень понравилось )

Дочка рисует с удовольствием )

Огромное спасибо! Мы рады работать для вас и вашей малышки.💕

Отличное приложение

Супер, ребёнку нравится

Здравствуйте. Большое спасибо за ваш отзыв. Вы также можете найти множество других наших приложений, которые вам обязательно понравятся. Просто введите «bini bambini» в поле поиска в вашем app store. Или перейдя по ссылке https://itunes.apple.com/ru/developer/bini-bambini/id820544171 . Мы рады работать для вас.

Кидают на деньги

Игра хорошая, но при покупки полной версии запросили 299 руб, а сняли 450. Не предупреждая… Больше от этих разработчиков никогда ничего не буду скачивать и другим не советую((((

Здравствуйте. Финансовыми вопросами занимается исключительно ваш магазин. Цена зависит от страны вашего текущего местоположения и налога, который ваш маркет может дополнительно снимать с вас.

Подписки

Учимся рисовать для детей!

Нарисуй все веселые картинки для детей!

Пробная подписка

Игра раскраска для детей!

Научись рисовать забавных персонажей!

Пробная подписка

Игры для детей Живые раскраски

Нарисуй всех персонажей и поиграй с ними!

399,00 ₽

Игры для детей 3-5 лет Рисунки

Пробудите в ребенке интерес к творчеству!

1 990,00 ₽

Разработчик Bini Bambini Academy указал, что в соответствии с политикой конфиденциальности приложения данные могут обрабатываться так, как описано ниже.

Подробные сведения доступны в политике конфиденциальности разработчика.

Связанные с пользова­телем данные

Может вестись сбор следующих данных, которые связаны с личностью пользователя:

Не связанные с пользова­телем данные

Может вестись сбор следующих данных, которые не связаны с личностью пользователя:

Конфиденциальные данные могут использоваться по-разному в зависимости от вашего возраста, задействованных функций или других факторов. Подробнее

Информация

Провайдер

TEACH & DRAW LTD

Размер

179,1 МБ

Категория

Образование

Возраст

4+, для детей 0–5 лет

Copyright

© 2018 TEACH & DRAW LTD

Цена

Бесплатно

• Сайт разработчика
• Поддержка приложения
• Политика конфиденциальности

Другие приложения этого разработчика

Вам может понравиться

Как сделать простое приложение для рисования с UIKit и Swift

На каком-то этапе нашей жизни мы все любим рисовать картинки, мультфильмы и что-нибудь еще.

Пока я рос, для меня рисование было связано с ручкой и бумагой, но сейчас это время прошло: и ручка, и бумага заменены компьютерами, и мобильными устройствами! Рисование может стать особенно увлекательным занятием на устройствах с системой распознавания прикосновений (touch-based devices), подтверждением чего является большое количество приложений по рисованию в App Store.

Хотите узнать, как сделать приложение для рисования самому? Хорошей новостью является то, что это довольно просто, благодаря некоторым крутым API для рисования, доступным в iOS.

В этом туториале вы создадите приложение очень похожее на Color Pad для iPhone. В процессе вы узнаете, как:

1. рисовать линии и штрихи, используя Quartz2D;
2. использовать несколько цветов;
3. установить ширину мазка и непрозрачность;
4. создать ластик;
5. создать собственный селектор цвета RGB, и поделиться со всеми своим рисунком!

Хватайте карандаши и начнем!

Начало

Начните с загрузки проекта (ссылка с архивом).

Запустите Xcode, откройте проект и посмотрите на файлы внутри. Их не слишком много. Я добавил все необходимые изображения в предметный каталог и создал основной вид приложения со всеми необходимыми ограничениями. Весь проект основан на шаблоне Single View Application.

Теперь откройте Main.storyboard и посмотрите на интерфейс. Сверху у View Controller Scene три кнопки. Уже по названиям понятно, что они будут использоваться для очистки холста (reset), перехода на экран настроек (settings) и возможности поделиться своим рисунком (save). Внизу вы можете увидеть несколько кнопок с изображением карандашей и ластика. Они будут использоваться для выбора цвета.

И наконец есть два изображения называемые mainImageView и tempImageView — вы поймете позже, почему вам нужно два изображения, чтобы пользователь мог рисовать кистью с различными уровнями непрозрачности.

ViewController показывает действия и их результат в том виде, как вы и ожидаете: каждая кнопка в верхней части подразумевает действие (IBAction), все цвета карандашей связаны с этим действием (для их различия используются установки тегов), и есть IBOutlet-ы для двух видов изображений.

Теперь для того, чтобы ваш внутренний художник заблистал, вам нужно разбудить для начала программиста и добавить немного кода!

Рисуем быстро

Ваше приложение начнет работу с простой возможности рисования (Drawing Feature) при которой вы можете, проводя пальцем по экрану, рисовать простые черные линии. (Эй, даже Пикассо начал с азов).

Откройте ViewController.swift и добавьте следующие свойства классу:

var lastPoint = CGPoint.zero var red: CGFloat = 0.0 var green: CGFloat = 0.0 var blue: CGFloat = 0.0 var brushWidth: CGFloat = 10.0 var opacity: CGFloat = 1.0 var swiped = false Вот краткое описание переменных, используемых выше:

1. lastPointзапоминает последнюю нарисованную точку на холсте. Используется, когда рисуется непрерывный мазок;
2. red, green и blue — текущие значения RGB для выбранного цвета;
3. brushWidth и opacity- ширина мазка и непрозрачность;
4. swiped используется, когда мазок кисти непрерывен.

Все значения RGB по умолчанию 0, это означает, что рисунок будет пока черным. Непрозрачность по умолчанию установлена на 1.0, а ширина линии на 10,0.

Теперь часть, посвященная рисованию! Все методы, регистрирующие прикосновения взяты из родительского класса UIResponder. Они срабатывают в ответ на прикосновения начатого (began), перемещаемого (moved) или законченного (ended) события. Вы будете использовать все эти три метода для реализации вашей идеи рисования.

Начните с добавления следующего метода:

override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
  swiped = false
  if let touch = touches.first{
    lastPoint = touch.locationInView(self.view)
  }
}

touchesBegan вызывается, когда пользователь ставит палец на экран. Это начало события рисования, поэтому сначала сбрасывается swiped на false, так как пока нет никакого движения. У вас также сохраняется локация прикосновения в lastPoint. Поэтому, когда пользователь начинает рисовать, двигая по экрану пальцем, вы можете отследить траекторию движения. Это тот самый момент, когда кисть соприкасается с бумагой! 🙂

Теперь добавьте следующие два метода:

func drawLineFrom(fromPoint: CGPoint, toPoint: CGPoint) {
 
  // 1
  UIGraphicsBeginImageContext(view.frame.size)
  let context = UIGraphicsGetCurrentContext()
  tempImageView.image?.drawInRect(CGRect(x: 0, y: 0, width: view.frame.size.width, height: view.frame.size.height))
 
  // 2
  CGContextMoveToPoint(context, fromPoint.x, fromPoint.y)
  CGContextAddLineToPoint(context, toPoint.x, toPoint.y)
 
  // 3
  CGContextSetLineCap(context, CGLineCapRound)
  CGContextSetLineWidth(context, brushWidth)
  CGContextSetRGBStrokeColor(context, red, green, blue, 1.0)
  CGContextSetBlendMode(context, CGBlendModeNormal)
 
  // 4
  CGContextStrokePath(context)
 
  // 5
  tempImageView. image = UIGraphicsGetImageFromCurrentImageContext()
  tempImageView.alpha = opacity
  UIGraphicsEndImageContext()
 
}
 
override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent) {
  // 6
  swiped = true
  if let touch = touches.first {
    let currentPoint = touch.locationInView(view)
    drawLineFrom(lastPoint, toPoint: currentPoint)
 
    // 7
    lastPoint = currentPoint
  }
}

Вот что происходит в этом методе:

1. Первый метод отвечает за рисование линий между двумя точками. Помните, что это приложение имеет два изображения- mainImageView (который содержит «рисунок до сих пор») и tempImageView (который содержит «линию, которую вы в настоящее время рисуете»). Вы хотите нарисовать в tempImageView, поэтому вам нужно установить контекст рисования с изображением в настоящее время в tempImageView (которое должно быть пустой при запуске).
2. Далее вы получите текущую точку касания, а затем рисуйте линию с CGContextAddLineToPoint от lastPoint к currentPoint. Вы можете подумать, что при этом подходе будет создан ряд прямых линий и результат будет выглядеть как набор зазубрен? Прямая будет создана, но регистрация прикосновений с экраном срабатывает так часто, что линии получатся достаточно короткими и в результате, будут выглядеть красивой гладкой кривой.
3. Вот все параметры рисования для размера кисти и непрозрачности, и цвета мазка.
4. Это то место, где происходит волшебство, и где вы фактически рисуете контур!
5. Далее вам нужно свернуть контекст рисования, чтобы отобразить новую линию в tempImageView.
6. В touchesMoved вы устанавливаете swiped как true и можете отслеживать, происходит ли в текущем времени движение свайп. Так как это touchesMoved, то да — свайп происходит! Затем вы вызываете вспомогательный метод, который вы только что написали, для того, чтобы нарисовать линию.
7. Наконец, вы обновляете lastPoint, поэтому следующее событие начнется там, где вы остановились.

Затем добавьте финальный обработчик прикосновений:

override func touchesEnded(touches: Set<NSObject>, withEvent event: UIEvent) {
 
  if !swiped {
    // draw a single point
    drawLineFrom(lastPoint, toPoint: lastPoint)
  }
 
  // Merge tempImageView into mainImageView
  UIGraphicsBeginImageContext(mainImageView.frame.size)
  mainImageView.image?.drawInRect(CGRect(x: 0, y: 0, width: view.frame.size.width, height: view.frame.size.height), blendMode: CGBlendModeNormal, alpha: 1.0)
  tempImageView.image?.drawInRect(CGRect(x: 0, y: 0, width: view.frame.size.width, height: view.frame.size.height), blendMode: CGBlendModeNormal, alpha: opacity)
  mainImageView.image = UIGraphicsGetImageFromCurrentImageContext()
  UIGraphicsEndImageContext()
 
  tempImageView.image = nil
}

Сначала вы проверяете, находится ли пользователь в середине свайпа (движения). Если нет, то это означает, что пользователь просто прикоснулся к экрану пальцем, чтобы нарисовать одну точку. В этом случае, просто нарисуйте одну точку, используя вспомогательный метод, написаный вами ранее.

Если пользователь был в середине свайпа, то это означает, что вы можете пропустить рисование этой единичной точки — так как touchesMoved был вызван раньше, и вы не должны рисовать ничего дальше, поскольку это touchesEnded.

Заключительный шаг — это объединение tempImageView с mainImageView. Вы нарисовали мазок в tempImageView, а не в mainImageView. В чем смысл дополнительного UIImageView, когда вы можете просто нарисовать прямо на mainImageView? Да, вы можете, но двойные изображения используются чтобы сохранить прозрачность. Когда вы рисуете на tempImageView, непрозрачность установлена на 1.0 (полностью непрозрачный). Тем не менее, при слиянии tempImageView с mainImageView, вы можете установить непрозрачность tempImageView на выбранное значение, таким образом, устанавливая непрозрачность мазка кисти такой, какой вы хотите. Если вы рисовали бы прямо на mainImageView, то было бы невероятно трудно сделать мазки с разными значениями непрозрачности.

Итак, время начать рисовать! Создайте и запустите приложение. Вы увидите, что теперь вы можете рисовать черные линии на холсте!

Это отличный старт! С этими методами обработки прикосновений у вас появляется огромное количество функциональных возможностей. Теперь пришло время ознакомится с еще несколькими опциями, начиная с цвета.

Разноцветное приложение

Пришло время добавить всплеск цвета к нашей картинке. На данный момент, на экране есть 10 цветовых кнопок, но если вы нажмете любую кнопку прямо сейчас, ничего не произойдет. Во-первых, вам нужно определить все цвета. Добавьте следующее свойство массива в классе:

let colors: [(CGFloat, CGFloat, CGFloat)] = [
  (0, 0, 0),
  (105.0 / 255.0, 105.0 / 255.0, 105.0 / 255.0),
  (1.0, 0, 0),
  (0, 0, 1.0),
  (51.0 / 255.0, 204.0 / 255.0, 1.0),
  (102.0 / 255.0, 204.0 / 255.0, 0),
  (102.0 / 255.0, 1.0, 0),
  (160.0 / 255.0, 82.0 / 255.0, 45.0 / 255. 0),
  (1.0, 102.0 / 255.0, 0),
  (1.0, 1.0, 0),
  (1.0, 1.0, 1.0),
] 

Мы создаем массив значений RGB, где каждый элемент массива является кортежем из трех CGFloat. Цвета здесь совпадают с порядком цветов в интерфейсе, а также с тегом каждой кнопки.

Далее, найдем pencilPressed и добавим следующую реализацию:

// 1
var index = sender.tag ?? 0
if index < 0 || index >= colors.count {
  index = 0
}
 
// 2
(red, green, blue) = colors[index]
 
// 3
if index == colors.count - 1 {
  opacity = 1.0
}

Это короткий метод, но давайте посмотрим на него шаг за шагом:

1. Во-первых вы должны знать, какой индекс цвета выберет пользователь. Существует много мест, где что-то может пойти не так — неправильный тег, тег не установлен, не хватает цвета в массиве — таким образом, здесь происходит несколько проверок. По умолчанию, если значение находится вне диапазона, то используется просто черный цвет, так как он первый.
2. Далее установите свойства red, green и blue. Вы еще не в курсе, что могли установить несколько переменных с помощью кортежа? Значит это будет главным открытием дня по Swift! :]
3. Последний цвет — это ластик, но он специфичен. Кнопка «ластик» устанавливает цвет на белый и непрозрачность на 1.0. Так как цвет фона тоже белый, то это даст вам очень удобный эффект ластика!

Итак, пробуем рисовать дальше? Давайте! — запускаем и готовимся к взрыву цвета! Теперь, нажав кнопку, вы меняете цвет мазка кисти, соответствующий цвету кнопки. Вот Малевич бы обрадовался!

«С чистого листа»

У всех великих художников бывают моменты, когда они, сделав шаг назад и встряхнув головой, бормочут: «Нет! Нет! Из этого никогда ничего не выйдет!» Вам нужна возможность очистить холст и начать заново. У Вас уже есть кнопка «Сброс» в вашем приложении для этого.

Найдите reset() и заполните реализацию метода следующим образом:

mainImageView. image = nil

И все! Хотите верьте, хотите нет! Код, который вы видите выше, устанавливает изображение на nil в mainImageView, и — вуаля — ваш холст очищается! Помните, что вы рисовали линии в image view’s image context и это значит, что если вы все обнулите, то это приведет к полному сбросу.

Запустите еще раз свой код. Нарисуйте что-то, а затем нажмите кнопку «Сброс», чтобы очистить ваш рисунок. Вот! Теперь нет необходимости идти и в отчаянии мять или рвать полотна.

Завершающие штрихи — настройки

Хорошо! Теперь у вас есть функциональное приложение для рисования, но ведь есть еще и второй экран настроек!

Для начала откройте SettingsViewController.swift и добавьте два следующих свойства классу:

var brush: CGFloat = 10.0
var opacity: CGFloat = 1.0

Это позволит вам отслеживать размер кисти и непрозрачность, которую выберет пользователь.

Затем добавьте следующую реализацию для sliderChanged():

if sender == sliderBrush {
  brush = CGFloat(sender. value)
  labelBrush.text = NSString(format: "%.2f", brush.native) as String
} else {
  opacity = CGFloat(sender.value)
  labelOpacity.text = NSString(format: "%.2f", opacity.native) as String
}
 
drawPreview()

В приведенном выше коде, в момент, когда происходят изменения в управлении слайдером, его значения меняются, соответственно происходящим изменениям. Поэтому вы должны будете обновить эти изображения для предварительного просмотра в drawPreview, что мы сейчас и сделаем!

Добавьте реализацию для drawPreview:

func drawPreview() {
  UIGraphicsBeginImageContext(imageViewBrush.frame.size)
  var context = UIGraphicsGetCurrentContext()
 
  CGContextSetLineCap(context, CGLineCapRound)
  CGContextSetLineWidth(context, brush)
 
  CGContextSetRGBStrokeColor(context, 0.0, 0.0, 0.0, 1.0)
  CGContextMoveToPoint(context, 45.0, 45.0)
  CGContextAddLineToPoint(context, 45.0, 45.0)
  CGContextStrokePath(context)
  imageViewBrush. image = UIGraphicsGetImageFromCurrentImageContext()
  UIGraphicsEndImageContext()
 
  UIGraphicsBeginImageContext(imageViewBrush.frame.size)
  context = UIGraphicsGetCurrentContext()
 
  CGContextSetLineCap(context, CGLineCapRound)
  CGContextSetLineWidth(context, 20)
  CGContextMoveToPoint(context, 45.0, 45.0)
  CGContextAddLineToPoint(context, 45.0, 45.0)
 
  CGContextSetRGBStrokeColor(context, 0.0, 0.0, 0.0, opacity)
  CGContextStrokePath(context)
  imageViewOpacity.image = UIGraphicsGetImageFromCurrentImageContext()
 
  UIGraphicsEndImageContext()
}

Этот метод использует те же приемы для создания предварительного просмотра настроек, какие использует и ViewController в методах обработки прикосновений. В обоих случаях метод рисует одну точку, а не линии: с соответствующей шириной и непрозрачностью, получаемой из значений ползунка.

Запустите программу, откройте экран настроек, и поиграйте с ползунками. Вы увидите, что предварительный просмотр изображения и метки значений меняются, в тот момент, когда вы их двигаете!

Интеграция настроек

Есть еще одна важная деталь, которую мы упустили. Заметили какую?

Обновленные значения непрозрачности и ширина до сих пор никак не применялись в рисунке холста ViewController! Это потому, что вы еще не приобщали значения, указанные на экране настроек, с ViewController. Это подходящая работа для протокола делегирования.

Откройте файл SettingsViewController.swift и добавьте следующий код:

protocol SettingsViewControllerDelegate: class {
  func settingsViewControllerFinished(settingsViewController: SettingsViewController)
}

Это будет определять протокол класса с одним требуемым методом. Так мы создаем путь для экрана настроек, по которому он будет соотноситься с любой интересующей его областью настроек.

Кроме того, добавьте свойство классу SettingsViewController:

weak var delegate: SettingsViewControllerDelegate?

Это делается для ссылки на делегата. Если есть делегат, то вам нужно уведомить его, когда пользователь нажимает кнопку «Закрыть». Найдите close() и добавьте следующую строку в конец метода:

self.delegate?.settingsViewControllerFinished(self)

Это вызовет метод делегата, так что теперь он может обновлять себя новыми значениями.

Теперь откройте ViewController.swift и добавьте новое расширение класса для протокола в нижней части файла:

extension ViewController: SettingsViewControllerDelegate {
  func settingsViewControllerFinished(settingsViewController: SettingsViewController) {
    self.brushWidth = settingsViewController.brush
    self.opacity = settingsViewController.opacity
  }
}

Это объявляет класс, как соответствующий протоколу SettingsViewControllerDelegate и реализует свой единственный метод. В реализации все что нужно сделать, это установить текущую ширину кисти и непрозрачность, исходя из значений, взятых из настроек контрольной панели ползунков.

Когда пользователь перейдет от рисунка к настройкам, вы захотите, чтобы ползунки показывали текущие выбранные значения для размера кисти и непрозрачности. Что означает, что они должны быть переданы при открытии настроек.

Добавьте следующий метод коррекции класса:

override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
  let settingsViewController = segue.destinationViewController as! SettingsViewController
  settingsViewController.delegate = self
  settingsViewController.brush = brushWidth
  settingsViewController.opacity = opacity
}

Когда пользователь использует переключатели перехода, нажимая кнопку Settings (настройки), этот метод настраивает новый SettingsViewController, установив себя в качестве делегата и перенося туда текущую кисть, и настройки непрозрачности.

Запускаем! На этом этапе вы увидите, что значения кисти и непрозрачности теперь обновляются после изменения в настройках экрана. Теперь вы можете рисовать большим количеством цветов и разными размерами кистей, и с разным уровнем прозрачности!

Последние штрихи — выбор цвета пользователем

В настоящее время у вас есть 10 цветных кнопок на экране холста рисунка. Тем не менее, с пользовательским выбором цвета RGB художники, использующие ваше приложение, будут иметь возможность выбора любого цвета из доступных в диапазоне RGB.

Есть множество цветовых ползунков RGB в настройках экрана, которые будут реализованы вами в дальнейшем.

Поскольку вы уже ввели предварительный просмотр размера кисти и непрозрачности, вы могли бы сделать возможным и просмотр нового цвета кисти! :] Предварительный просмотр будет доступен в обоих изображениях, а также непрозрачность и предварительный просмотр кисти будут показаны в RGB цветах. Нет необходимости создавать дополнительное изображение, вы будете повторно использовать то, что у вас уже есть!

Откройте SettingsViewController.swift и добавьте следующие свойства:

var red: CGFloat = 0. 0
var green: CGFloat = 0.0
var blue: CGFloat = 0.0

Вы будете использовать их для сохранения текущих значений RGB.

Теперь добавьте реализацию colorChanged:

red = CGFloat(sliderRed.value / 255.0)
labelRed.text = NSString(format: "%d", Int(sliderRed.value)) as String
green = CGFloat(sliderGreen.value / 255.0)
labelGreen.text = NSString(format: "%d", Int(sliderGreen.value)) as String
blue = CGFloat(sliderBlue.value / 255.0)
labelBlue.text = NSString(format: "%d", Int(sliderBlue.value)) as String
 
drawPreview()

Этот метод будет вызываться, когда вы перемещаете любой из RGB ползунков. Обратите внимание, как в выше написанном коде, все что вы делаете, обновляет значения свойств и обновляет ярлыки.

Если вы сейчас запустите свой проект, то заметите, что ваши изменения цвета не будут отображаться в превью. Чтобы они отображались, вам нужно внести небольшое изменение в drawPreview(). Найдите строку с CGContextSetRGBStrokeColor и замените все 0. 0 значения с переменными красного, зеленого и синего цветов.

В первой половине этого метода замените вызов CGContextSetRGBStrokeColor следующим:

CGContextSetRGBStrokeColor(context, red, green, blue, 1.0)

А во второй части замените вызов CGContextSetRGBStrokeColor на следующее:

CGContextSetRGBStrokeColor(context, red, green, blue, opacity)

Теперь у вас есть образцы кистей и непрозрачности с правильными настройками, если вы хотите, чтобы они появлялись в тот момент, когда появляется экран настроек, то добавьте следующую реализацию viewWillAppear классу:

override func viewWillAppear(animated: Bool) {
  super.viewWillAppear(animated)
 
  sliderBrush.value = Float(brush)
  labelBrush.text = NSString(format: "%.1f", brush.native) as String
  sliderOpacity.value = Float(opacity)
  labelOpacity.text = NSString(format: "%.1f", opacity.native) as String
  sliderRed.value = Float(red * 255. 0)
  labelRed.text = NSString(format: "%d", Int(sliderRed.value)) as String
  sliderGreen.value = Float(green * 255.0)
  labelGreen.text = NSString(format: "%d", Int(sliderGreen.value)) as String
  sliderBlue.value = Float(blue * 255.0)
  labelBlue.text = NSString(format: "%d", Int(sliderBlue.value)) as String
 
  drawPreview()
}

Как вы можете видеть, этот метод устанавливает все ярлыки и ползунки на корректные значения. Вызов drawPreview гарантирует, что предварительный просмотр изображения также корректен.

Запускаем наконец ViewController.swift. Как и прежде, вы должны убедиться, что текущий цвет соотносится с настройками экрана, для этого добавьте следующие строки в конце prepareForSegue:

settingsViewController.red = red
settingsViewController.green = green
settingsViewController.blue = blue

Это воздействует на текущий красный, зеленый и синий цвета, так что RGB ползунки установлены правильно.

Наконец, найдите settingsViewControllerFinished в расширении класса и добавьте следующие строки в этом методе:

self.red = settingsViewController.red
self.green = settingsViewController.green
self.blue = settingsViewController.blue

При закрытии SettingsViewController, мы получаем обновленные значения RGB.

Самое время перезапустить наше приложение! Установите значения своего Color Picker. Теперь RGB цвет, который отображается в превью, является дефолтным цветом для вашего холста!

Но что хорошего в том, что вы не можете поделиться своим искусством с кем-то другим? Хоть вы и не сможете прикрепить свой рисунок на холодильник, но вы сможете поделиться им со всем миром!

Последний этап. Поделись искусством!

Этот этап мы разделим на две части. Первая часть — это то, что мы должны получить изображение в качестве объекта UIImage, а затем мы просто передадим его в UIActivityViewController для того, чтобы решить, какие из опций по распространению нам подходят больше, исходя из того, какие аккаунты у нас есть.

В ViewController.swift запишите следующую реализацию метода share():

UIGraphicsBeginImageContext(mainImageView.bounds.size)
mainImageView.image?.drawInRect(CGRect(x: 0, y: 0, 
  width: mainImageView.frame.size.width, height: mainImageView.frame.size.height))
let image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
 
let activity = UIActivityViewController(activityItems: [image], applicationActivities: nil)
presentViewController(activity, animated: true, completion: nil)

Этот метод достаточно простой: сначала он рендерит рисунок из mainImageView в новый UIImage. Затем UIActivityViewController выполняет остальную тяжелую работу за вас! А все что остается вам, так это передать массив того, чем вы хотите поделиться — в нашем случае всего одно изображение.

Второй параметр инициализатора applicationActivities позволяет вам ставить ограничения. Таким образом, передавая nil, это будет означать, что iOS предоставит столько вариантов для опции «share» (поделиться), сколько вообще возможно. Мы уверены, что ваши рисунки этого заслуживают!

Запустите приложение и создайте свой шедевр! Когда вы нажмете «Share», у вас появится возможность рассказать миру о своем таланте!

Источник http://www.raywenderlich.com/87899/make-simple-drawing-app-uikit-swift

‎Нарисуй 4 БЕСПЛАТНО в App Store

Описание

Рисуй на экране! Просто коснитесь экрана и двигайте пальцем, чтобы рисовать, это так просто!

— Тонны разных цветов

— Измените размер мазков кисти

— Измените цвет фона, даже рисуйте поверх фотографии, которую вы сделали!

-Когда закончите, сохраните себе фото и отправьте по электронной почте друзьям!

Хотите новую функцию? Связаться. Это всего лишь v1, кто знает, куда это может пойти?

Кстати, извините за плохие скрины- Я не очень силен в рисовании :(. Пришлите мне свои рисунки, и я их надену. Лол!

———— ————————————————————
НЕ РАБОТАЕТ? вылет с iOS 4. Это связано с iOS 4, а не с приложением, НО мы работаем над исправлением 😉

Следите за БЕСПЛАТНЫМ ОБНОВЛЕНИЕМ через 2-3 дня и все будет исправлено!!!

Спасибо всем, кто так поддерживал — вы КЛАССНЫЕ!!!
————————————————— ——-

4 декабря 2016 г.

Версия 6

Компания Apple обновила это приложение, чтобы отобразить значок приложения Apple Watch.

ИСПРАВЛЕНО: проблемы с плавностью и отзывчивостью прорисовки И сбоем экспорта прорисовки. Теперь вы делитесь своими рисунками!!

УЛУЧШЕНО: поддержка iPhone 6S/6S+ Plus/7/7 Plus и новых iPad!!!!

Рейтинги и обзоры

59 оценок

Нужно больше инструментов, но хорошо

Я использую это приложение в течение нескольких месяцев, и функции классные, но в некоторых ситуациях они стирают все, кроме того, оно может использовать больше графики, но, по крайней мере, это приложение не требует пробных соглашений, прежде чем вы сможете что-либо нарисовать, но в любом случае пожалуйста добавьте больше цветов и графики

Потрясающий! 😁😁😁😁😁😁👍👍👍👍

Мне нравится, как вы можете изменить размер! Однажды я играл в такое приложение, как ваше, и не мог ИЗМЕНИТЬ его размер, мне пришлось оставить его в нормальном размере. Мне не нравится реклама, но однажды я сказал «да», и мне это тоже понравилось. Иногда я придумываю свою собственную математическую чушь и занимаюсь всякой всячиной. Мне очень нравится, как вы можете менять инструменты! Это так классно! Я не силен в искусстве, но это весело! Я действительно наслаждаюсь этим, и я надеюсь, что есть больше к этому приложению! Так держать 👍😁

Производитель должен это прочитать

Хорошо, мне нравится игра. Абсолютно люблю это! И все другие игры, которые я люблю тоже. НО ПОЖАЛУЙСТА, ОБНОВИТЕ IOS! Я хочу играть во все игры, но мой iPad слишком хорош для этого. ОБНОВИТЕ ЭТО! В любом случае, да, я люблю игру. Единственное, я бы хотел, чтобы вы сохранили свою работу, а затем снова сделали снимок экрана.

Разработчик, Indigo Penguin Limited, не предоставил Apple подробностей о своей политике конфиденциальности и обработке данных.

Сведения не предоставлены

Разработчик должен будет предоставить сведения о конфиденциальности при отправке следующего обновления приложения.

Информация

Продавец

Индиго Пингвин Лимитед

Размер

30,2 МБ

Категория

Утилиты

Возрастной рейтинг

4+

Авторское право

© Секс знакомства

Цена

Бесплатно

• Тех. поддержка

Еще от этого разработчика

Вам также может понравиться

Sketch Mobile — мультисенсорное рисование в HTML5.

Sketch Mobile — мультисенсорное рисование в HTML5.

• 1

• 2

• 3

• 4

• 5

• 2Спирограф
• BHair
• (Строки
• !Интернет
• 6Шейдер
• «Мех
• 5Скетчи
• MХром
• F Заливка

• ;Карандаш
• NКаллиграфия
• KКрейон
• )Стример
• 8Автомат
• /Аэрозольная краска
• Кисть
• =Масло
• HERaser

• LКруг
• .Квадрат
• 9Полигон
• CGear
• -Звезда
• Всплеск
• 7 Радиальный взрыв
• 3Спираль
• ‘Суперформа

*информация

,новый холст

>draw

1. Что такое Sketch Mobile?
2. Область рисования
3. Наконечник питания + клемма
4. Мастер по изготовлению инструментов
5. Технологии
6. Люди. txt
7. Лицензирование

Sketch Mobile — это инструмент для рисования, использующий преимущества новых возможностей современных мобильных браузеров. включая мультитач, акселерометр и гироскоп; создание веселой и новой среды, чтобы выразить себя красочными способами! Sketch Mobile был заказан Google в рамках экспериментов Mobile Chrome, представленных на Google I/O 2012.

Sketch Mobile использует возможности мультитач, позволяя каждому пальцу стать новым устройством ввода — несколько человек могут одновременно рисовать на одном устройстве, создавая совместные произведения искусства. Существует четыре основных типа инструментов, о которых следует знать;

1. Щелчок (1 палец) — «Заливка» заполняет экран одним щелчком.
2. Кисти (1+ палец) — с этими инструментами каждый палец представляет собой одну кисть; используйте всю свою руку, чтобы рисовать пальцами, как в детстве, но с новыми забавными поворотами. Эти типы кистей включают в себя; Карандаш, каллиграфия, мелок, серпантин, автомат, аэрозольная краска, кисть, масло, ластик, спирограф, волосы, паутина, шейдер, мех, эскизы, и Хром .
3. Фигуры (2 пальца) —два пальца представляют одну фигуру; вращение пальцев вращает фигуру, растопыривание пальцев увеличивает фигуру, сведение пальцев уменьшает размер, а перетаскивание пальцев по экрану перемещает фигуру. В Sketch Mobile вы найдете; Круг, Квадрат, Многоугольник, Шестерни, Звезда, Взрыв, Радиальный Взрыв, Спираль и Supershape .
4. Кисти (2+ пальца) —инструмент «Струны» позволяет создать неправильный многоугольник, где каждая точка многоугольника представлена ​​одним из ваших пальцев; десять пальцев создают десятисторонний неправильный многоугольник.

Когда вы войдете в область рисования, вы заметите, что экран в основном пуст, за исключением небольшой круглой кнопки в верхней левой части экрана — это перо Power, которое используется в качестве шлюза для настройки Sketch Mobile. Есть два способа использования пера Power;

1. Чтобы войти в Конструктор инструментов , просто коснитесь пера один раз (см. следующий раздел).
2. Чтобы войти в терминал Power nib , просто коснитесь и удерживайте наконечник — как только экран станет белым, вы можете начать вводить команды на основе жестов другой рукой;
1. Нарисуйте «галочку», чтобы сохранить фотографию.
1. Когда вы окажетесь на экране сохранения, нажмите и удерживайте палец на своем рисунке, пока не появится меню, а затем нажмите «Сохранить».
2. Нарисуйте «круг», чтобы очистить холст.
3. Нарисуйте букву «s», чтобы перейти к меню выбора стиля.
4. Удерживая кнопку, коснитесь экрана различными комбинациями пальцев, чтобы получить доступ к предустановкам инструментов, которые были настроены в Конструкторе инструментов, например. Касание одним пальцем = красная мягкая кисть; Касание двумя пальцами = голубая звезда; Касание тремя пальцами = большой ластик и т.  д. Есть 5 точек, которые можно использовать для пресетов.

Каждый инструмент имеет набор параметров с несколькими режимами наложения, цветами, градиентами и специфическими параметрами инструмента для быстрого заполнения холста. Создавайте приятные цифровые изображения — диплом дизайнера не требуется! Конструктор инструментов состоит из четырех основных разделов:

.

1. Предустановки — имеется пять кнопок предустановок, помеченных цифрами 1–5, которые можно полностью настраивать и с помощью которых можно легко вернуться к недавно созданным настройкам. Вы можете переключаться между предустановками, нажимая эти кнопки или открывая их в терминале Power nib.
2. Селектор инструментов — инструменты помечены значками, такими как «Карандаш» или «Карандаш», чтобы сменить инструмент, просто коснитесь их один раз. Над значками инструментов вы найдете меню, позволяющее выбрать тип инструмента, который вы хотите использовать, в том числе:
1. Кисти для рисования — карандаш, каллиграфия, мелок, стример, автомат, аэрозольная краска, кисть, масло и ластик.
2. Волшебные кисти — Спирограф, Волосы, Струны, Паутина, Шейдер, Мех, Эскизный, Хром и Заливка.
3. Формы — Круг, Квадрат, Многоугольник, Шестерня, Звезда, Всплеск, Радиальный Всплеск, Спираль и Суперформа.
3. Средство настройки инструментов — расположено справа от селектора инструментов, здесь находятся все параметры для настройки инструментов. Вы можете контролировать такие вещи, как;
1. Alpha — увеличьте или уменьшите непрозрачность вашего инструмента.
2. Композитный — режимы стирания, рисования, света и дискотеки.
3. Размер — увеличение или уменьшение радиуса фигуры.
4. Стиль — переключение между цветами и градиентами.
5. Цветовой режим — линейный, радиальный или циклический.
6. Color Noise — добавьте случайный шум к своим цветам.
7. Вращение — управление произвольным вращением инструмента.
8. Масштаб — управление случайным масштабированием инструмента.
9. Перемещение — управление случайным перемещением инструмента.
4. Предварительный просмотр — доступ к нему можно получить, коснувшись любого цветного поля справа от средства настройки инструмента. Когда вы находитесь в области предварительного просмотра, вы можете протестировать стили и настройки инструментов, не затрагивая холст.

После того, как вы выбрали параметры, которые вас устраивают, нажмите ярко-зеленую кнопку «Проверить», чтобы вернуться в область рисования.

1. Гироскоп — контролирует направление капель с помощью аэрозольной краски.
2. Акселерометр — встряхните устройство, чтобы очистить рисунок, как в Etch-a-Sketch.
3. Холст — используется для создания области рисования.
4. CSS3 — используется для создания адаптивного дизайна, который выглядит одинаково на мобильных устройствах и на настольных компьютерах.
5. Шрифты значков — используются для всех графических элементов в приложении.
6. localStorage — используется для сохранения конфигурации, когда пользователь возвращается.

Разработчик

Майкл Дил @mudcube
http://mudcu.be/

Дизайнер пользовательского интерфейса

Дэниел Кристофер @uxmonk
http://uxmonk.com/

«Хром», «Затененный», «Эскизный», «Паутина» и «Мех»

Рикардо Кабельо @mrdoob
http://mrdoob.com/

«Аэрозольная краска»

Лукаш Карлук @julapy
http://julapy.com/

«Стример»

Дэн Грайс
http://dangries.com/

Распознаватель Unistroke за 1 доллар

Джейкоб О. Вобброк [email protected]
Эндрю Д. Уилсон [email protected]
Ян Ли [email protected]
http://depts.washington.edu/aimgroup/proj/dollar/

Шаблон HTML5

http://html5boilerplate.com/

Проект «Существительное»

http://thenounproject.com/

ИкоМун

http://keyamoon.