頁碼控件(Page Control)
頁碼控件指示打開了多少視圖,當(dāng)前看到的是哪一個。
iOS 7中,頁碼控件的大小和外觀發(fā)生了變化。
iOS 7(天氣應(yīng)用中的) iOS 6(天氣應(yīng)用中的)
拾取器(Picker)
拾取器顯示一系列值,用戶可以滾動并選擇其一。
拾取器的總體大小相比iOS 6沒有變化;外觀和行為與日期時間拾取器是一致的。
iOS 7 iOS 6
進(jìn)度視圖(Progress View)
進(jìn)度視圖用來展示任務(wù)和過程的進(jìn)度。
進(jìn)度視圖的大小和外觀(下圖是在自帶郵件客戶端中的)在iOS 7中發(fā)生了變化。
iOS 7 iOS 6
刷新控件(Refresh Control)
刷新控件響應(yīng)用戶主動觸發(fā)的刷新操作,一般會出現(xiàn)在表格上。
它的大小和外觀在iOS 7中發(fā)生了變化。
iOS 7 iOS 6
圓角矩形按鈕(Rounded Rectangle Button)
圓角矩形按鈕在iOS 7中被棄用了。用系統(tǒng)的無邊界按鈕替代它。對應(yīng)的類型是UIButtonTypeSystem的UIButton。
iOS 7系統(tǒng)按鈕不包括倒角和背景樣式。系統(tǒng)按鈕可以包含一個圖形或者文字信息,可以指定一種著色或者繼承父級的著色。
iOS 7系統(tǒng)按鈕 iOS 6的圓角矩形按鈕
注意:在iOS 7中,UIButtonTypeRoundedRect被重新定義成UIButtonType-System。在iOS 6中使用圓角矩形按鈕的app會自動轉(zhuǎn)化成系統(tǒng)按鈕的外觀。
如果你需要顯示一個包含倒角的按鈕,使用UIButtonTypeCustom類型的按鈕,這個類型支持自定義背景圖片。
分段控件(Segmented Control)
分段控件是由一系列分段構(gòu)成的,每個段的功能相當(dāng)于一個按鈕,每個按鈕點擊后都展示一個不同的視圖。
分段控件的大小和樣式在iOS 7中的變化如下。
iOS 7 iOS 6
在iOS 7中,分段控件使用單一的樣式,segmentedControlStyle屬性不再使用。
滑動器(Slider)
滑動器讓用戶可以在允許的范圍內(nèi)連續(xù)調(diào)整某個值。
在iOS 7中的大小和樣式如下。
iOS 7 iOS 6
iOS 7中依然可以對最小和最大軌道圖像按下狀態(tài)使用著色,使用三個屬性來操作(minimumTrackTintColor,maximumTrackTintColor和thumbTintColor)。如果你將minimumTrackColor屬性設(shè)為nil,則該區(qū)域會繼承父級的著色;如果設(shè)置maximumTrackTintColor或thumbTintColor的值為nil的話,兩個區(qū)域都會使用默認(rèn)顏色。
步進(jìn)器(Stepper)
步進(jìn)器可以將某個值增減一個常數(shù)值。
它在iOS 7中的大小和外觀發(fā)生了變化。
iOS 7 iOS 6
在iOS 7中,默認(rèn)情況下,步進(jìn)器將自定義增減位置的圖像視為template image。
開關(guān)(Switch)
開關(guān)用來表示兩個互斥的選項或狀態(tài)(最常在表格視圖中使用)。
在iOS 7中的變化如下。
iOS 7 iOS 6
iOS 7繼續(xù)可以對開、關(guān)、不可用三個狀態(tài)使用著色。按下狀態(tài)則使用下面三個屬性著色:onTintColor,tintColor和thumbTintColor。
在iOS 7中,默認(rèn)情況中自定義的開關(guān)圖像會被忽略。
文本域(Text Field)
文本域接受用戶的單行輸入。
它在iOS 7中的大小和外觀有如下變化。
iOS 7(地圖中的兩行文字域) iOS 6( 地圖中的兩行文字域)
確保使用UIFont的preferredFontForTextStyle方法來獲取和顯示文字域中的文字。
臨時視圖(Temporary Views)
動作列表,警告對話框,模態(tài)視圖是三種臨時視圖,它們在需要用戶特別注意的時候、或提供額外的選擇或者功能的時候會出現(xiàn)。
雖然動作列表和警告對話框的內(nèi)容可以自定義,它們的外觀能做的自定義很少。因此你幾乎不用考慮怎么讓它們在iOS 7上看起來更美觀。
因為模態(tài)視圖本質(zhì)上是視圖的一種,你可能也需要重新設(shè)計一下模態(tài)視圖,讓它們在iOS 7上看起來更適宜。
注意:當(dāng)臨時視圖出現(xiàn)的時候,iOS 7自動將背后那個標(biāo)準(zhǔn)視圖變暗。你可能需要調(diào)整一下你的代碼來處理這種顏色的變化;更多信息請看第18頁的“使用著色”。
動作列表(Action Sheet)
動作列表用來呈現(xiàn)一系列用戶觸發(fā)的任務(wù)的選擇。
在iOS 7中,默認(rèn)情況動作列表是透明的,包括無邊框的按鈕。
iOS 7 iOS 6
iOS 7中,常量UIActionSheetStyle不再使用。在iOS 7設(shè)備上,不管系統(tǒng)提供的UI(如動作列表的UI)是怎樣的,都會一律使用iOS 7的默認(rèn)外觀。
注意動作列表中潛在危險的選項——destructiveButtonTitle中參數(shù)initWithTitle:delegate:cancelButtonTitle:destructiveButtonTitle:otherButtonTitles指定的——自動使用系統(tǒng)紅色。
警告對話框(Alert)
警告對話框呈現(xiàn)給用戶影響他們使用app或者設(shè)備的重要信息。
外觀在iOS 7上看起來是這樣的。
iOS 7 iOS 6
在iOS 7設(shè)備中,系統(tǒng)提供的UI(比如警告框)使用系統(tǒng)提供的樣式,不管當(dāng)前運行的app樣式是怎樣的。
如果你的警告對話框有三個按鈕,第三個按鈕會顯示在這兩個主按鈕下面一排。
模態(tài)視圖(Modal View)
模態(tài)視圖提供了當(dāng)前任務(wù)或工作流的自承載的功能。
在iOS 7中,系統(tǒng)提供的模態(tài)視圖使用和以前相同的外觀。
iOS 7 iOS 6
在iOS 7中,你可以使用自定義的對象和選擇性交互控制器對象來管理模態(tài)展現(xiàn)。了解更多自定義視圖控制器的過場動畫,請參考UIViewControllerAnimatorTransitioning協(xié)議參考和UIViewControllerInteractiveTransitioning協(xié)議參考。
文檔修訂歷史
2013-06-10 蘋果官方文檔發(fā)布
2013-06-20 中文翻譯版完成
2013-06-21 完成第一次修訂(語義修訂)
2013-06-24 完成第二次修訂(邏輯修訂)
2013-07-02 板式全面設(shè)計,措辭修訂
iOS7過渡指南-20130703 PDF文件下載: http://vdisk.weibo.com/s/ID2Gn