頁(yè)碼控件(Page Control)
頁(yè)碼控件指示打開(kāi)了多少視圖,當(dāng)前看到的是哪一個(gè)。
iOS 7中,頁(yè)碼控件的大小和外觀發(fā)生了變化。
iOS 7(天氣應(yīng)用中的) iOS 6(天氣應(yīng)用中的)
![]()
拾取器(Picker)
拾取器顯示一系列值,用戶可以滾動(dòng)并選擇其一。
拾取器的總體大小相比iOS 6沒(méi)有變化;外觀和行為與日期時(shí)間拾取器是一致的。
iOS 7 iOS 6

進(jìn)度視圖(Progress View)
進(jìn)度視圖用來(lái)展示任務(wù)和過(guò)程的進(jìn)度。
進(jìn)度視圖的大小和外觀(下圖是在自帶郵件客戶端中的)在iOS 7中發(fā)生了變化。
iOS 7 iOS 6
![]()
刷新控件(Refresh Control)
刷新控件響應(yīng)用戶主動(dòng)觸發(fā)的刷新操作,一般會(huì)出現(xiàn)在表格上。
它的大小和外觀在iOS 7中發(fā)生了變化。
iOS 7 iOS 6

圓角矩形按鈕(Rounded Rectangle Button)
圓角矩形按鈕在iOS 7中被棄用了。用系統(tǒng)的無(wú)邊界按鈕替代它。對(duì)應(yīng)的類型是UIButtonTypeSystem的UIButton。
iOS 7系統(tǒng)按鈕不包括倒角和背景樣式。系統(tǒng)按鈕可以包含一個(gè)圖形或者文字信息,可以指定一種著色或者繼承父級(jí)的著色。
iOS 7系統(tǒng)按鈕 iOS 6的圓角矩形按鈕
![]()
注意:在iOS 7中,UIButtonTypeRoundedRect被重新定義成UIButtonType-System。在iOS 6中使用圓角矩形按鈕的app會(huì)自動(dòng)轉(zhuǎn)化成系統(tǒng)按鈕的外觀。
如果你需要顯示一個(gè)包含倒角的按鈕,使用UIButtonTypeCustom類型的按鈕,這個(gè)類型支持自定義背景圖片。
分段控件(Segmented Control)
分段控件是由一系列分段構(gòu)成的,每個(gè)段的功能相當(dāng)于一個(gè)按鈕,每個(gè)按鈕點(diǎn)擊后都展示一個(gè)不同的視圖。
分段控件的大小和樣式在iOS 7中的變化如下。
iOS 7 iOS 6
![]()
在iOS 7中,分段控件使用單一的樣式,segmentedControlStyle屬性不再使用。
滑動(dòng)器(Slider)
滑動(dòng)器讓用戶可以在允許的范圍內(nèi)連續(xù)調(diào)整某個(gè)值。
在iOS 7中的大小和樣式如下。
iOS 7 iOS 6
![]()
iOS 7中依然可以對(duì)最小和最大軌道圖像按下?tīng)顟B(tài)使用著色,使用三個(gè)屬性來(lái)操作(minimumTrackTintColor,maximumTrackTintColor和thumbTintColor)。如果你將minimumTrackColor屬性設(shè)為nil,則該區(qū)域會(huì)繼承父級(jí)的著色;如果設(shè)置maximumTrackTintColor或thumbTintColor的值為nil的話,兩個(gè)區(qū)域都會(huì)使用默認(rèn)顏色。
步進(jìn)器(Stepper)
步進(jìn)器可以將某個(gè)值增減一個(gè)常數(shù)值。
它在iOS 7中的大小和外觀發(fā)生了變化。
iOS 7 iOS 6
![]()
在iOS 7中,默認(rèn)情況下,步進(jìn)器將自定義增減位置的圖像視為template image。
開(kāi)關(guān)(Switch)
開(kāi)關(guān)用來(lái)表示兩個(gè)互斥的選項(xiàng)或狀態(tài)(最常在表格視圖中使用)。
在iOS 7中的變化如下。
iOS 7 iOS 6
![]()
iOS 7繼續(xù)可以對(duì)開(kāi)、關(guān)、不可用三個(gè)狀態(tài)使用著色。按下?tīng)顟B(tài)則使用下面三個(gè)屬性著色:onTintColor,tintColor和thumbTintColor。
在iOS 7中,默認(rèn)情況中自定義的開(kāi)關(guān)圖像會(huì)被忽略。
文本域(Text Field)
文本域接受用戶的單行輸入。
它在iOS 7中的大小和外觀有如下變化。
iOS 7(地圖中的兩行文字域) iOS 6( 地圖中的兩行文字域)

確保使用UIFont的preferredFontForTextStyle方法來(lái)獲取和顯示文字域中的文字。
臨時(shí)視圖(Temporary Views)
動(dòng)作列表,警告對(duì)話框,模態(tài)視圖是三種臨時(shí)視圖,它們?cè)谛枰脩籼貏e注意的時(shí)候、或提供額外的選擇或者功能的時(shí)候會(huì)出現(xiàn)。
雖然動(dòng)作列表和警告對(duì)話框的內(nèi)容可以自定義,它們的外觀能做的自定義很少。因此你幾乎不用考慮怎么讓它們?cè)趇OS 7上看起來(lái)更美觀。
因?yàn)槟B(tài)視圖本質(zhì)上是視圖的一種,你可能也需要重新設(shè)計(jì)一下模態(tài)視圖,讓它們?cè)趇OS 7上看起來(lái)更適宜。
注意:當(dāng)臨時(shí)視圖出現(xiàn)的時(shí)候,iOS 7自動(dòng)將背后那個(gè)標(biāo)準(zhǔn)視圖變暗。你可能需要調(diào)整一下你的代碼來(lái)處理這種顏色的變化;更多信息請(qǐng)看第18頁(yè)的“使用著色”。
動(dòng)作列表(Action Sheet)
動(dòng)作列表用來(lái)呈現(xiàn)一系列用戶觸發(fā)的任務(wù)的選擇。
在iOS 7中,默認(rèn)情況動(dòng)作列表是透明的,包括無(wú)邊框的按鈕。
iOS 7 iOS 6

iOS 7中,常量UIActionSheetStyle不再使用。在iOS 7設(shè)備上,不管系統(tǒng)提供的UI(如動(dòng)作列表的UI)是怎樣的,都會(huì)一律使用iOS 7的默認(rèn)外觀。
注意動(dòng)作列表中潛在危險(xiǎn)的選項(xiàng)——destructiveButtonTitle中參數(shù)initWithTitle:delegate:cancelButtonTitle:destructiveButtonTitle:otherButtonTitles指定的——自動(dòng)使用系統(tǒng)紅色。
警告對(duì)話框(Alert)
警告對(duì)話框呈現(xiàn)給用戶影響他們使用app或者設(shè)備的重要信息。
外觀在iOS 7上看起來(lái)是這樣的。
iOS 7 iOS 6

在iOS 7設(shè)備中,系統(tǒng)提供的UI(比如警告框)使用系統(tǒng)提供的樣式,不管當(dāng)前運(yùn)行的app樣式是怎樣的。
如果你的警告對(duì)話框有三個(gè)按鈕,第三個(gè)按鈕會(huì)顯示在這兩個(gè)主按鈕下面一排。
模態(tài)視圖(Modal View)
模態(tài)視圖提供了當(dāng)前任務(wù)或工作流的自承載的功能。
在iOS 7中,系統(tǒng)提供的模態(tài)視圖使用和以前相同的外觀。
iOS 7 iOS 6

在iOS 7中,你可以使用自定義的對(duì)象和選擇性交互控制器對(duì)象來(lái)管理模態(tài)展現(xiàn)。了解更多自定義視圖控制器的過(guò)場(chǎng)動(dòng)畫(huà),請(qǐng)參考UIViewControllerAnimatorTransitioning協(xié)議參考和UIViewControllerInteractiveTransitioning協(xié)議參考。
文檔修訂歷史
2013-06-10 蘋(píng)果官方文檔發(fā)布
2013-06-20 中文翻譯版完成
2013-06-21 完成第一次修訂(語(yǔ)義修訂)
2013-06-24 完成第二次修訂(邏輯修訂)
2013-07-02 板式全面設(shè)計(jì),措辭修訂
iOS7過(guò)渡指南-20130703 PDF文件下載: http://vdisk.weibo.com/s/ID2Gn
