iOS UI Development with Visual Tools

iOS UI Development with Visual Tools
iOS UI Development with Visual Tools
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 33m | 282 MB

iOS has visual UI development tools built right into Xcode, the IDE that iOS developers use the most. Xcode’s Interface Builder provides graphical tools for manipulating layouts and views—which means little to no programming required. Interface design is a great way to break into iOS app development, or expand your programming skills to the realm of UX.

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.
Topics include:

  • 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
Table of Contents

What you should know
Using the exercise files

Designable User Interfaces
Customize a view
Creating a live-rendering view
Custom live-rendering views
Designable views with inspectable properties
Lay out a user interface
Customize a designable user interface

Dynamic User Interfaces
Auto Layout
Create an Auto Layout constraint
Work with Auto Layout constraints
Anatomy of a constraint
Layout margins and guides
Stack views
Intrinsic content sizes
Resolve ambiguous layouts
Lay out views using a stack view
Design UI with stack views
Custom stack-view-based UI

Adaptive User Interfaces
Adaptive layout
Change size class constraints
Add and remove constraints
Handle orientation changes
Slide Over and Split View
Images in size classes
Customize fonts based on size classes

Next steps