Learn how to build your user interface without using Interface Builder. Explore the Visual Format Language (VFL), which you can use to describe a set of constraints. Learn to refactor UIs built with Interface Builder into code…

Learn to use Xcode’s visual tool, Interface Builder, to construct a user interface complete with all Auto Layout constraints. See how to preview your interface on multiple device sizes and orientations. Then, learn to create .xib files to describe a smaller — and potentially reusable — subset…

…call on size classes for assistance. Making user interface variations To begin implementing user interface variations, you’ll need to first set your Interface Builder’s preview orientation to landscape so you’ll be able to see how things look in landscape. Now, apply the following changes…

…tune your app’s performance. In this chapter, you’ll learn about the following Auto Layout performance optimization topics: Betting safe on performance with Interface Builder. Factoring in the render loop. Understanding constraints churning. Utilizing static and dynamic constraints. Batching and updating constraint changes. Understanding the cost of using Auto…

…breakpoint in the Breakpoint navigator on the left. Build and run. Notice the app pauses when it encounters this issue. Using Interface Builder to solve conflicts Open Main.storyboard. In the document outline, click the red circle with an arrow at the right of the Game Scene…

…user interface depending on the orientation of the selected language. Build and run. Excellent, now the tasks are correctly aligned. Previewing languages in Interface Builder Interface Builder helps you preview screens in different languages. For this project, the localization files already exist. Go to Main.storyboard and select Settings View Controller…

…adaptive layouts with stack views in your projects. Implementing a vertical stack view Adding a stack view onto a view controller’s view using Interface Builder is similar to adding any other standard view object: You drag and drop a stack view object from the Object Library onto a view…

See Auto Layout’s real power come to life as you learn how to build adaptive user interfaces that adjust to screen size and orientation…

…compatibility support. Making custom fonts support Dynamic Type Making custom fonts dynamic requires a few more steps. At the time of writing this chapter, Interface Builder does not support setting up dynamic custom fonts. Consequently, you need to set a dynamic custom font using code. Open TableViewCell.swift…

…corner. This action displays a screen with a significant amount of text. Stop the project and open Contacts.storyboard. On the bottom center of the Interface Builder, select View As: iPad Pro 11” and set the orientation to Landscape. The preview is now set to use an 11 inch iPad…

…view’s default content hugging priority varies depending on its type and how you instantiate the view. When you instantiate a view using Interface Builder versus programmatically, the default content hugging priority can differ. Compression resistance priorities Compression resistance priority helps Auto Layout decide which view shrinks smaller than…