Custom Controls in iOS

Feb 21 2017 · Video Course (2 hrs, 5 mins) · Intermediate

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.

5/5 2 Ratings

Version

  • Swift 3, iOS 10, Xcode 8

Introduction

7:24 Free

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

1

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

2

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

3

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

4

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

5

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

6

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

7

Finish up the animation for the three ring custom control.

8

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

9

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

10

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

11

Conclusion

3:40

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

12

Contributors

Comments