Custom Controls in iOS

Custom controls are an important part of developing apps for iOS, allowing you to develop engaging user experiences, while achieving great code separability and reuse. When the Apple-provided controls don’t quite give you what you want, then creating your own custom controls is a great option, and it isn’t nearly as scary as it first sounds! Learn how to create custom controls for iOS by taking a look at three different approaches covered in this series. First you’ll discover how you can compose UIKit components to build your own control, before moving on to using Core Animation to create controls with more visual complexity. Finally you’ll see how you can use Core Graphics to “draw” the appearance of controls yourself. Along the way you’ll learn how to handle user interaction, interface builder integration and dynamic frameworks. By Catie Catterwaul.

Leave a rating/review
Save for later
Comments
Share
01
Toggle description

Find out what's covered in our Custom Controls in iOS video course!

02
Toggle description

Learn how to compose UIKit components to build your first custom control, all within a playground.

Toggle description

Learn about the interaction options available for custom controls, enable user interaction on the Deluxe Button, and test in a playground live view.

Toggle description

Learn how to properly integrate your custom controls with Interface Builder with IBInspectable and IBDesignable, massively improving the design time experience.

Toggle description

Learn how to create complex custom controls using Core Animation layers and begin building a Three Ring Control.

Toggle description

Dive deep into Core Animation layers to put the finishing touches on the ring layer of your custom control by adding a shadow.

Toggle description

Learn how to sprinkle a little bit of animation magic onto your three ring custom control.

Toggle description

Finish up the animation for the three ring custom control.

Toggle description

Learn how to move a control into a dynamic framework, making it a self-contained component which can be reused across multiple projects.

Toggle description

Learn how to employ Core Image and Core Graphics to draw the interface of the Colorgon color picker.

Toggle description

Learn how to build a custom gesture recognizer for the Colorgon color picker.

Conclusion 3:40
Toggle description

Review what you've learned in this course and get some hints and tips on how to approach building your own custom controls.

Instructors

Catie Catterwaul

Contributors

Catie Catterwaul

Instructor

Over 300 content creators. Join our team.