Join Scott Gardner for an in-depth discussion in this video Stack views, part of iOS App Development: UI with Visual Tools.
- [Voiceover] Creating colored, as I've done up until now,…is useful for learning Auto Layout, but your apps design…is likely to contain more complex views and controls…like text fields, buttons, image views, and more.…Laying out these complex user interfaces using Auto Layout…constraints has always been non-trivial to say the least.…And making even a single change to an existing layout often…felt like opening up a Pandora's box.…Fortunately, in iOS 9, Stack Views were introduced.…Stack Views provide a much, much easier way to layout…user interfaces and make changes to layouts…with minimal effort.…
I'll create a Single View Application iOS project…and name it WorkingWithStackViews.…And I'll select the main story board to open it up…in the editor.…And I'll hide the navigator to give us some more room.…From the Object Library, I'll drag a Label onto the canvas.…In the Attributes Inspector, I'll change the Labels font…to 24 by clicking the up arrow and change the text…to This is some text.…With the label selected on the canvas, press Command…
Here iOS app architect Scott Gardner explains how to create designable views and dynamic and adaptive user interfaces for any screen size or orientation. He shows how to work with stack views, images, custom fonts, and Interface Builder's Auto Layout tools, which speed up your design process and help adhere to Apple's interface guidelines. Along the way, he provides best practices for designing interfaces that are clean, efficient, and enjoyable for users.
- Creating and customizing views
- Laying out a user interface
- Working with dynamic Auto Layout designs
- Stacking views
- Creating an adaptive layout
- Handling orientation changes
- Working with images
- Customizing fonts
Skill Level Intermediate
Sketch: Mobile Design Workflowswith Diane Cronenwett1h 30m Intermediate
1. Designable User Interfaces
2. Dynamic User Interfaces
3. Adaptive User Interfaces
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.