iOS7用戶界面過渡指南（pdf版）

現(xiàn)在你知道你需要做哪類事情了，了解更多關(guān)于視圖控制器、著色、字體的改變，請閱讀第11頁的“布局和外觀”。

如果你仍需支持iOS6

如果你必須支持iOS 6和7兩個系統(tǒng)，你可以在app運行的時候檢測操作系統(tǒng)的版本，并隨時加載相應(yīng)的資源文件。更多信息請參考第7頁的“支持iOS 6系統(tǒng)”。

支持iOS 6系統(tǒng)

如果出于商業(yè)原因必須支持iOS 6或者更早期的系統(tǒng)版本，你需要選擇最切合實際的方式升級app到支持iOS 7。你選擇的技術(shù)可能有所不同，但總的建議是：聚焦在首先為iOS 7而重新設(shè)計，然后為app考慮iOS 6版本需要做的事情。

注意：在運行iOS 7的設(shè)備上，所有的系統(tǒng)界面元素（比如警告對話框和通知信息）都會使用iOS 7的默認(rèn)外觀，即使你的app使用更早期的外觀。

使用Interface Builder支持app多版本

Xcode 5中的Interface Builder包含了諸多新功能 ，它們能幫助你將app過渡到iOS 7的同時支持舊的版本。

看一下你對用戶界面的升級會對早期版本產(chǎn)生什么樣的影響。使用Assistant Editor，可以在畫布上修改iOS 7故事版或xib文件的同時，看到這些變動會對iOS 6版本文件造成的影響。

預(yù)覽早期故事版文件和xib文件的方法：

1. 在畫布上查看iOS 7故事版文件或者xib文件的時候，打開assistant editor。
2. 打開Assistant彈出菜單。
3. 在菜單中，定位到預(yù)覽項，然后選中相應(yīng)故事版文件或xib文件。

在iOS 7和早期版本iOS的UI預(yù)覽之間切換。如果你的app需要支持iOS 6.1之前的版本，使用這個功能來確認(rèn)UI在早期版本看起來沒有問題。

在兩個版本的UI之間切換的方法：

1. 在Interface Builder的檢查器中打開文件。
2. 打開菜單“View as”。
3. 選擇你想預(yù)覽的版本號。

更多關(guān)于Xcode 5中新的Interface Builder的信息，請參考“What’s New in Xcode”。

支持標(biāo)準(zhǔn)app的兩個版本

如果標(biāo)準(zhǔn)app的兩個版本使用相同的布局，使用Auto Layout創(chuàng)建適用于兩個版本iOS的用戶界面。要支持多版本的iOS，指定單獨一套的常量以便Auto Layout調(diào)整故事版和xib文件中的視圖和控制器。（更多信息參考“Constraints Express Relationships Between Views”）

如果標(biāo)準(zhǔn)app的兩個版本需要使用相同的外觀，但你又沒有使用Auto Layout，那么請使用offsets偏移量。在使用offsets前請將UI升級到iOS 7。接下來將早期UI元素的起始、高度、寬度的值指定為iOS 7中使用的offsets偏移量。

更多Auto Layout的內(nèi)容，請看“Cocoa Auto Layout Guide”。

管理混合型app中的多個版本圖片

混合型app經(jīng)常包含自定義圖片資源，比如操作欄按鈕圖標(biāo)，操作欄或者其他控件的視圖背景。apps可以使用一種或多種資源分類方法來管理這些資源。（了解更多資源分類資料，請看“Asset Catalog Help”）

注意：資源分類（asset catalog）包括顯示在app中的資源；資源分類不能包含app的icon，載入圖像，或者其他任何外部過程需要獲取到的圖片。

混合型app如果需要支持多版本iOS，則必須自己管理圖像資源。將與app各個版本的圖片分別使用不同命名。

如果你的故事版或xib文件包含嵌入式圖片，考慮創(chuàng)建一個圖片視圖的出口（outlet），并在需要的時候加載合適的資源。在代碼中加載不同資源的方法，參考“Loading Resources Conditionally”。

依據(jù)附加條件加載資源

有時候，你需要考慮app在什么iOS版本上運行，才能在代碼中做出相應(yīng)的對策。比如，在不同版本的app中，布局可能是截然不同的，可以通過加載不同的故事版或xib文件來實現(xiàn)。你可能需要使用不同代碼來處理API之間的不同之處，比如在給操作欄背景著色的時候使用barTintColor還是tintColor。

如果你需要為不同app版本加載不同的資源，但你只在Info.plist文件中指定了一個故事版或xib文件，那么你也可以先檢查系統(tǒng)版本然后加載對應(yīng)的資源（application:didFinish-LaunchingWithOptions:）

檢測app是否當(dāng)前運行在iOS 7環(huán)境的方法是：寫一個宏來檢查系統(tǒng)版本。下面的代碼展示了檢查系統(tǒng)版本并存儲結(jié)果的方法（方便以后隨時調(diào)用）。

NSUInteger DeviceSystemMajorVersion();

NSUInteger DeviceSystemMajorVersion() {

static NSUInteger _deviceSystemMajorVersion = -1;

static dispatch_once_t onceToken;

dispatch_once(&onceToken, ^{

_deviceSystemMajorVersion = [[[[[UIDevice currentDevice] systemVersion] componentsSeparatedByString:@”.”] objectAtIndex:0] intValue];

});

return _deviceSystemMajorVersion;

}

#define MY_MACRO_NAME (DeviceSystemMajorVersion() < 7)

布局和外觀（Layout & Appearance）

iOS 7給你的app布局和UI帶來了不少變化。視圖控制器、著色、字體效果等的變化，會影響你的app中所有UIKit對象。

使用視圖控制器（View Controller）

在iOS 7中，視圖控制器都是全屏的。iOS 7視圖控制器的外觀給人傳達(dá)了更細(xì)膩的控制感。特別是新的全屏外觀讓你可以指定視圖的每個邊緣的布局。

視圖控制器接口wantsFullScreenLayout已作廢。如果你像以前那樣地指定wantsFullScreenLayout = NO，iOS 7中視圖控制器會在將其內(nèi)容顯示到一個意外的屏幕位置。

UIViewController提供了如下屬性來調(diào)整視圖控制器的外觀：

1. edgesForExtendedLayout
   這個屬性屬于UIExtendedEdge類型，它可以單獨指定矩形的四條邊，也可以單獨指定、指定全部、全部不指定。
   使用edgesForExtendedLayout指定視圖的哪條邊需要擴展，不用理會操作欄的透明度。這個屬性的默認(rèn)值是UIRectEdgeAll。
2. extendedLayoutIncludesOpaqueBars
   如果你使用了不透明的操作欄，設(shè)置edgesForExtendedLayout的時候也請將extendedLayoutIncludesOpaqueBars的值設(shè)置為No（默認(rèn)值是YES）。
3. automaticallyAdjustsScrollViewInsets
   如果你不想讓scroll view的內(nèi)容自動調(diào)整，將這個屬性設(shè)為NO（默認(rèn)值YES）。

iOS 7中，視圖控制器支持自定義視圖之間的過場動畫。另外，你可以使用iOS 7的新API來支持過場動畫過程中的用戶交互。更多信息請參考下面兩個文檔：《UIViewController過場動畫協(xié)議參考》和《UIViewController過場交互協(xié)議參考》。

iOS 7允許視圖控制器在app運行過程中改變系統(tǒng)狀態(tài)欄的樣式。開啟這個功能，請在Info.plist文件中添加鍵UIViewControllerBasedStatusBarAppearance，并將值設(shè)為YES。動態(tài)改變系統(tǒng)狀態(tài)欄的一個好方法是重寫preferredStatusBarStyle方法，用一個動畫模塊來更新狀態(tài)欄外觀，并調(diào)用setNeedsStatusBarAppearanceUpdate方法。

使用著色（Tint Color）

在iOS 7中，著色是UIView的一個屬性。iOS 7的app會使用著色來定義一個關(guān)鍵色，這個顏色表明“這里是可交互的”，或者表示元素選中的狀態(tài)。

當(dāng)你指定某個視圖的著色的時候，這個顏色會自動繼承到所有的子視圖中。因為UIWindows繼承自UIView，你可以這樣通過設(shè)置窗體的著色屬性指定著色：

window.tintColor = [UIColor purpleColor];

如果不為窗體指定著色，則會使用系統(tǒng)默認(rèn)的顏色。

默認(rèn)情況下，視圖的著色是nil，意味著視圖使用父級的著色。也就是說哪怕你不設(shè)置著色的話，視圖也總能夠獲取到一個色值。

總的來說，最好在視圖還沒有顯示到屏幕上之前指定它的著色。想讓視圖繼承上個層級的著色的話，就將著色設(shè)置為nil。

重要：iOS 7不支持通過外觀代理API來設(shè)置著色。

當(dāng)警告框（alert）和上拉菜單（action sheet）出現(xiàn)的時候，iOS 7自動將背后視圖的著色變暗。為了響應(yīng)該色彩變化，在渲染時使用tintColor的自定義視圖的子類需要重寫tintColorDidChange方法，以便在合適的時候刷新渲染。

注意：在iOS 6中，tintColor可以用來給導(dǎo)航欄的背景著色、tab欄、工具欄、搜索欄、搜索欄的范圍選擇欄著色。而在iOS 7中，給背景著色只需要使用barTintColor屬性就可以了。

使用字體（Fonts）

iOS 7引入了動態(tài)字體（Dynamic Type），它讓你的app中的字體顯示更加出色。

最小字號下的郵件正文                                      最大非殘障輔助字號下的郵件正文

使用動態(tài)字體時，同時意味著：

1. 所有文字的粗細(xì)，字間距，行高都被自動調(diào)整。
2. 可以語義上指定不同的文字樣式：正文、腳注、大標(biāo)題等等。
3. 對動態(tài)字體和殘障輔助超大號字體都能有很好的響應(yīng)效果。

要享受動態(tài)字體的好處，請用UIFont類下的preferredFontForTextStyle方法來生成文字，而不是直接指定字體的名稱和大小。iOS 7會保證每個大小字體的最佳可讀性。