Join Scott Gardner for an in-depth discussion in this video Handle orientation changes, part of iOS UI Development with Visual Tools.
- I've shown how constraints can be…modified, added, and removed based on size classes.…And I'm starting in the project that demonstrates all this.…Views can be added or removed based on size classes too.…Let's say that I don't even want to display this blue view…when in Compact Height.…So I'll select Compact Height, Any Width…from the Size Class Selector.…And in the Attributes Inspector,…I'll click the plus button at the bottom…and select Any Width, Compact Height (current).…And then I'll uncheck Installed for that size class.…Also notice that there's a little X button…next to each additional size class-based item…so that I can delete that item if I want to.…
Our blue view disappeared from the canvas…in Compact Height, Any Width.…And although it's a little harder to tell,…its icon in the document outline is also lightened…to indicate that it is uninstalled for this size class.…You'll notice, though, that I'm getting a warning:…"Constraint referencing items turned off…"in current configuration."…Turn off this constraint in the current configuration.…
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
Learn 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.