Join Scott Gardner for an in-depth discussion in this video Customize a view, part of iOS App Development: UI with Visual Tools.
- [Voiceover] Let's begin by creating a new single-view…application project by selecting File, New, Project…from the Xcode menu.…Select Single View Application…from the iOS Application section and click Next.…Enter "Creating Designable User Interfaces"…for the product name.…Enter an organization name and identifier,…which is typically your website domain in reverse.…Select "Swift" for the language,…"Universal" for devices,…and I won't need core data…or any tests, so I'll leave those check boxes unchecked.…
Click Next and save your project some place convenient…such as your desktop.…Select Main.storyboard to open it up in the editor.…I'm going to stylize the main view…of the single-view controller scene…by manipulating properties of its backing layer,…so that I can see both the storyboard scene…and its ViewController.swift source file.…I'll show the assistant editor…by clicking the Show the Assistant Editor button…in the toolbar.…I'll make some room by collapsing the white panel…in Interface Builder called the document outline,…
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
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.