You’ll use these to select predefined colors.įinally, there are two image views called MainImageView and TempImageView - you’ll see later why you need two image views when you use them to allow users to draw with different brush opacity levels. On the bottom, you can see more buttons with pencil images and an eraser. As the titles suggest, you will use these to reset or share a drawing and to bring up a Settings screen.

The initial ViewController scene has three buttons on the top. Open Main.storyboard and look at the interface. The whole project is based on the Single View Application template. You have all the needed images in the asset catalog and the main view of the app with all needed constraints set. As you can see, not much work has been done for you. Start Xcode, open the starter project and have a look at the files inside. Use the Download Materials button at the top or bottom of this tutorial to download the starter project. Grab your pencils and get started no need to make this introduction too drawn out! :] Getting Started

Set the brush stroke width and opacity.

In this tutorial, you will create an app very much like Color Pad for iPhone. Want to learn how to make a drawing app of your own? The good news is that it’s pretty easy, thanks to some great drawing APIs available through UIKit in iOS. Abdul Azeem Khan wrote the original and Jean-Pierre Distler completed a previous update.Īt some stage in our lives, we all enjoyed drawing pictures, cartoons and other stuff.įor me, it was using a pen and paper but, these days, the old pen and paper have been replaced by computers and mobile devices! Drawing can be especially fun on touch-based devices, as you can see by the abundance of drawing apps on the App Store. Update note: Ron Kliffer updated this tutorial for Xcode 10, Swift 4.2 and iOS 12.

Easy quick drawing download free