Join Scott Gardner for an in-depth discussion in this video Add and remove constraints, part of iOS UI Development with Visual Tools.
- I'll continue in the project I created previously…to demonstrate changing constraints based on size class.…Constraints can also be added or removed…based on size classes.…Let's say that when in Any Width, in Compact Height,…I want to position the blue view…along the bottom edge of the screen.…So I'll select Any Width, Compact Height,…and with the blue view selected,…in the Size Inspector,…I'll scroll to the bottom…and select the Align Center Y constraint…and press Delete.…It disappears from the list of constraints,…but only for Compact Height.…
If you twist down the Constraints node…in the document outline,…the one below the view, but not the indented one,…you'll see that the icon for the Center Y constraint…is lightened.…This is to indicate that it is not installed…for the size class.…You can think of "installed" as meaning active…and "uninstalled" as being inactive.…The reason why there are two constraints nodes here…is because the indented one only contains…the constraints that are specific to the view,…Width and Height in this case.…
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.