Join Scott Gardner for an in-depth discussion in this video Creating a live-rendering view, part of iOS App Development: UI with Visual Tools.
- [Voiceover] We're starting out in a single view…application Xcode project with some code…that customizes a View Controllers view.…Let's see how to create a custom view…that will render this design in Interface Builder.…Create a custom UIView subclass by selecting…File, New, File from the menu.…Select Cocoa Touch Class…in the iOS Source Section and click Next.…Enter Custom View for the Name,…and UIView for the Subclass.…Make sure Swift is the selected language and click Next.…
Ensure that the Group is Creating Designable User Interfaces…and the Creating Designable User Interfaces…target is checked and then click Create.…The first thing I'll do is re-indent the Code in this file.…I like to use two space indentaions…versus the default four spaces.…If you'd like to adjust your settings,…select XCode Preferences from the Menu,…select the Text Editing Tab,…and then in the Indentation Section,…change the Tab Width and Indent Width.…
To re-indent all the code in this file,…I'll press command + a to select all,…and then control + i to re-indent.…
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.