Drawing in iOS with Core Animation and Core Graphics

Learn to use CALayers with confidence and add custom drawing to layers and views using Core Graphics. By Caroline Begbie.

Leave a rating/review
Save for later
Comments
Share

Part 1: CALayers

01
Toggle description

Let's review what you'll be learning in this section. Have a preview of the controls you'll draw using both CALayers and Core Graphics.

Toggle description

Redesign your view with rounded corners, borders and shadows

Toggle description

Style your own custom button through this hands-on challenge

Toggle description

Learn how to construct paths and position CALayers

Toggle description

Create an adjustable thermometer control using CAShapeLayers

Toggle description

Learn how to control CAShapeLayer animation

Toggle description

Create a clock with an animated second hand in this hands-on challenge.

Gradients 8:51
Toggle description

Design a login view with a subtle background gradient.

Conclusion 1:49
Toggle description

Let's review what you learned about using CALayers and what's coming up in the next section

Part 2: Core Graphics

Toggle description

Let's review what you'll be learning in this section, and find out about the three controls you'll design.

Toggle description

So how do you draw into a view? Find out how to draw a cupcake.

Toggle description

Complete your custom button in this hands-on challenge.

Toggle description

Find out what a context is and how to create a reusable image.

Transforms 11:37
Toggle description

Learn how to move your canvas before painting into it by using transforms.

Toggle description

Put your transform knowledge to use by drawing numbers into your timer.

Toggle description

More powerful than CAGradientLayer - learn how to use Core Graphics gradients in a graph background.

Toggle description

Complete a graph from dynamic data by "drawing" on everything you've learned in this hands-on challenge.

Conclusion 1:40
Toggle description

Let's review what you learned throughout the course and discuss where to go next.