Learn how to take a disaster of nested stack views and untangle it into a great user interface.
Fix Stack View Disasters
Sliders as Knobs
You've seen other apps rotate views, but you may have no idea how to do it yourself. Let me show you one way to rotate views. We'll make a simple knob control you might be able to use in your apps. Download the example file. On the storyboard, I added an UIImageView of a knob …
Time Picker Part 2: Strings to Time Intervals
In the last tip, I showed you how to use UIPickerControllers to make a time interval input. What I didn't show you is how to output that. In this tip I'll show you how to read and convert data from a picker that has a separate delegate. If you download the exercise file, you'll have …
Continue reading "Time Picker Part 2: Strings to Time Intervals"
Protocols and Time Pickers
While there is the date components picker, sometimes you want a picker the gives a time interval in seconds. In this two-part tutorial, Let me show you how to set up one, and discuss some good uses of protocols beyondself If you download the exercise files, you’ll see I set up a project with two …
CALayer Masks
UI doesn't have to look like a rectangle. You might want a different shape for your icon. You can do that with layer masks. Let's learn how to set them up. Download the example files. You'll find an app with two square buttons. If you head over to the assets, you see I have a …
Draw Paths in UIViews
In a previous tip, I drew rectangles and circles in a UIView. This time, let's add lines and curves using paths to draw some toast. Download the playground I set up for you. I set up my code to do all the drawing in the drawLines method. Go to the closure. I set up a …
Add an Animated Drawer
You've probably seen menus that pop out of the side of an app, but do you know how to make one? With the knowledge of some simple code you too can add these to your application using auto layout. If you take a look at the example file, I've set up a storyboard for you. …
Tip: Add Drop Shadows
A video of this tip can be found on LinkedIn Learning User Interfaces often use shadows to make them look less flat, but it isn't obvious how to add one to a view on your app. In this tip, I’ll show you how to make shadows using the CALayer found in UIViews, and a few …
Make A Toggle Button
Sometimes you need a control that doesn't yet exist. For example, the UISwitch control is far from customizable. I'd like a toggle switch that looks more like an old-fashioned switch or pushbutton. Let's learn the basics of making your own controls by making a UIButton into a toggle button. Open the example file. You'll find …
Embed Table Views
Here's an app I started from the downloaded example file. It is a restaurant check with a total, but I have to press the Order button to see the details in a table view on the next view controller. That button is a waste of real estate, and it would be nice to see the …
