Join Scott Gardner for an in-depth discussion in this video Lay out views using a stack view, part of iOS App Development: UI with Visual Tools.
- [Voiceover] In the project I previously created…to demonstrate resolving ambiguous layouts with stack views,…I'll start off my deleting the stack view…I created to start with a blank canvas.…What I'm going to do is lay out…a user interface using stack views.…I'll use the same placeholder image…that I used in Chapter One.…So I'll show the Project Navigator and select…the Assets.xcassets folder and at the bottom,…I'll click the Plus button, I'll select Import,…and then navigate to the image. Mine's on the Desktop.…
This is a PDF and I'm going to once again take advantage…of Xcode's ability to create an appropriately sized…bitmap image for any device resolution.…So, with the image selected, in the Attributes Inspector,…I'll select Single Vector for Scale Factors,…and then drag the image from the unassigned…box up to the All Universal one.…Now select the Main.storyboard file to return…to the storyboard and hide the Navigator.…I'll start off by giving this background a nice color.…Click to select the Main View,…
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.