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