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 …
Layout iPad Landscape and Multitasking Apps
Note:You can find a video of this tip here on LinkedIn Learning If there's one thing in auto layout that drives me nuts it is laying out for landscape different than portrait on an iPad. Phones are easy since the class sizes are different for portrait and landscape. For all phones, if I have a …
Continue reading "Layout iPad Landscape and Multitasking Apps"
Make Round Buttons and UIViews
In the good old days, Apple used a lot of rounded corner buttons. Many developers use several images to get the effect of round buttons. The CALayer of UIButton does have a feature for you to easily get rounded corners, and even circular buttons. Download the code from GitHub and open the starter file. It …
