Interface Builder

Learn how to define user interfaces for your iOS applications using the visual tools provided by Xcode. After reading this guide, you will know how to start a new project, how to structure an application, how to generate the user interface and adapt it to different screens, how to work with view controllers, how to connect the interface with your code, and how to define and modify constraints from code.


Table of Contents


INTERFACE BUILDER

The Interface

Storyboard

Object Library

Guide Lines

Properties

Connections

Outlets

Connections in the Storyboard

Actions

Outlet Collections


ADAPTIVITY

Adapting the Interface

Auto Layout

Constraints

Assigning Constraints

Editing Constraints

Safe Area

Standard Values

Resolving Auto Layout Issues

Intrinsic Content Size

Multiple Views Constraints

Relations and Priorities

Stack Views

Document Outline Panel

Constraint Objects

Updating Frames

Size Classes

Adapting Properties

Adapting Constraints

Adapting Elements

Trait Collection Objects

Orientation


QUICK REFERENCE

Constraints

UIStackView

NSLayoutConstraint

UIVIew

NSLayoutXAxisAnchor, NSLayoutYAxisAnchor, and NSLayoutDimension

UITraitCollection

UITraitEnvironment

UIContentContainer

UIViewController


This guide assumes that you have a basic knowledge of app development and the Swift language. If you don't know how to program in Swift or the requirements for app development, download our guides Introduction to Swift and App Development. For a complete course on app development for iOS, read our book iOS Apps for Masterminds.


This guide is a collection of excerpts from the book iOS Apps for Masterminds. The information included in this guide will help you understand a particular aspect of app development in iOS, but it will not teach you everything you need to know to develop an app for Apple devices. If you need a complete course on app development for iOS, read our book iOS Apps for Masterminds. For more information, visit our website at www.formasterminds.com.