Kite to Code
Use Kite to create a custom input field with a ton of awesome micro-interactions. Kite generates the Swift code that forms the basis of the control, but we'll have to take some steps to make it production-ready.
There are 5 episodes.
Import and Animate the Checkbox
This first episode is all about just getting our sketch design into Kite and animating it. With Kite being so new, we figured a quick refresher is in order!
Export Swift Code
Code export is finally available in Kite, and we'll use it to get our checkbox out and into Xcode as Swift code. It's a great starting point for customization, as all the...
Creating Checkbox Functionality
Out of the box, the code from Kite won't function as a checkbox, but it's not too hard to get it to happen.
Adding New Properties
To make this truly useful, it needs some properties exposed that will make it easier to customize when used in code.
Give it a Custom Initializer
The finishing touch for this checkbox component is an initializer that sets it up with the desired text, and we'll fix the frame based on the length of text.