This 18-video course will teach you how to add custom drawing on views using two drawing frameworks: Core Graphics and Core Animation! You’ll learn to draw custom shapes, use gradients, incorporate animation, add user interaction to custom controls, and more!
Take a look at what’s inside:
Part 1: CALayers
In part one, use CALayers to style views, draw custom shapes, and add animation to controls.
- Introduction: 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.
- Styling with Layers: Redesign your view with rounded corners, borders and shadows
- Challenge: Customize a Button: Style your own custom button through this hands-on challenge
- Paths and CAShapeLayers: Learn how to construct paths and position CALayers
- Custom Control: Create an adjustable thermometer control using CAShapeLayers.
- Basic Animation: Learn how to control CAShapeLayer animation.
- Challenge: Draw a Timer: Create a clock with an animated second hand in this hands-on challenge.
- Gradients: Design a login view with a subtle background gradient
- Conclusion: Let’s review what you learned about using CALayers and what’s coming up in the next section
Part 2: Core Graphics
In part two, tap into the power of Core Graphics to create three more controls.
- Introduction: Let’s review what you’ll be learning in this section, and find out about the three controls you’ll design.
- Core Graphics Drawing: So how do you draw into a view? Find out how to draw a cupcake.
- Challenge: Customize a Button: Complete your custom button in this hands-on challenge.
- Images and Contexts: Find out what a context is and how to create a reusable image.
- Transforms: Learn how to move your canvas before painting into it by using transforms.
- Challenge: Draw Clock Numbers: Put your transform knowledge to use by drawing numbers into your timer.
- Core Graphics Gradients: More powerful than CAGradientLayer – learn how to use Core Graphics gradients in a graph background.
- Challenge: Complete a graph: Complete a graph from dynamic data by “drawing” on everything you’ve learned in this hands-on challenge.
- Conclusion: Let’s review what you learned throughout the course and discuss where to go next.
Where To Go From Here?
The rest of the course is for raywenderlich.com subscribers only. Here’s how you can get access:
- If you are a raywenderlich.com subscriber: The first part of this course is ready for you today! The rest of the will be released next week. You can check out the course here.
- If you are not a subscriber yet: What are you waiting for? Subscribe now to get access to our new Drawing in iOS course and our entire catalog of over 500 videos.
Stay tuned for more new and updated courses to come. I hope you enjoy the course! :]