WWDC笔记:2013 Session 201 Building User Interfaces for iOS 7

Text

Dynamic Type

• Specifies fonts semantically
• Supports user text sizing
• Optimized for legibility
• Supports accessibility sizes and enhancements

Text Styles

Headline 1	UIFontTextStyleHeadline1
Headline 2	UIFontTextStyleHeadline2
Subheadline 1	UIFontTextStyleSubheadline1
Subheadline 2	UIFontTextStyleSubheadline2
Body	UIFontTextStyleBody
Footnote	UIFontTextStyleFootnote
Caption 1	UIFontTextStyleCaption1
Caption 2	UIFontTextStyleCaption2

+[UIFont preferredFontForTextStyle:]

Letterpress

NSAttributedString *letterpressString = [[NSAttributedString alloc]
    initWithString: @"Letterpress"
    attributes: @{NSTextEffectsAttributeName : NSTextEffectsLetterpressStyle}];

Text Kit

Relate Session

• Introducing Text Kit
• Advanced Text Layouts and Effects with Text Kit
• Using Fonts with Text Kit

Full Screen Content

-[UIViewController extendedEdgesForLayout]
-[UIViewController topLayoutGuide]
-[UIViewController bottomLayoutGuide]

Status Bar Style

• Default
• LightContent

@interface UIViewController
- (UIStatusBarStyle)preferredStatusBarStyle;
- (BOOL)prefersStatusBarHidden;
@end

Enabled via Info.plist key:

// UIViewControllerBasedStatusBarAppearance
- [UINavigationController interactivePopGestureRecognizer]
- [UICollectionViewController useLayoutToLayoutNavigationTransitions]

Relate Session

• Custom Transitions Using View Controllers 

Table View

-[UITableViewCell separatorInset]

UIAlertView

contentView

UIButton

• UIButtonTypeSystem
• UIBarButtonItemStylePlain

UIButtonTypeRoundRect,UIBarButtonItemStyleBordered

@interface UISegmentedControl
@property UISegmentedControlStyle segmentedControlStyle
@end 

Picker views

• Avoid using as a UIInputView
• Present inline instead 

Search fields

@interface UISearchDisplayController
@property BOOL displaysSearchBarInNavigationBar;
@property UINavigationItem *navigationItem;
@end

Multitasking 

Relate Session

• What’s New with Multitasking 
• UIKit Dynamic
• Relate Session
• Getting Started with UIKit Dynamics 
• Advanced Techniques with UIKit Dynamics 
• Exploring Scroll Views on iOS 7 

Motion Effect

Relate Session

• Implementing Engaging UI on iOS 

  -[UIView drawHierarchyInRect:]

Relate Session

• Implementing Engaging UI on iOS

Adapting Your App for iOS 7 

At a high level

• Focus on core functionality
• Exalt it
• Breathe new life
• Consider Retina’s possibilities 

On an API level

• Adopt new text APIs
• Ensure view controllers are full screen
• Incorporate adaptive multitasking
• Create fluid view controller and collection view transitions • Consider dynamics and motion effects 

Supporting both iOS 6 and iOS 7

• Use the iOS 7 UI Transition Guide
• Autolayout will help
• Consider backporting a new design 

Related Sessions 

• What’s New in Cocoa Touch 
• What’s New with Multitasking 
• Introducing Text Kit 
• Customizing Your App’s Appearance for iOS 7 
• Custom Transitions Using View Controllers 
• Getting Started with UIKit Dynamics  

Related Labs 

• Cocoa Touch Lab 
• Adapting Your Apps for iOS 7 Lab 
• UIKit Dynamic Lab 
• Text Kit and Core Text Lab 
• Appearance Customization for iOS Lab 
• Cocoa Touch Animation Lab