成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

iOS7用戶界面過(guò)渡指南(pdf版)

2013-07-05 09:48:55來(lái)源:搜狐mued作者:

iOS 7引入了許多用戶界面上的改變,比如無(wú)邊框的按鈕,透明操作欄,全屏視圖控制器布局。使用Xcode 5可以創(chuàng)建iOS 7項(xiàng)目,并使用模擬器一窺iOS 7用戶界面的變化。

頁(yè)碼控件(Page Control)

頁(yè)碼控件指示打開(kāi)了多少視圖,當(dāng)前看到的是哪一個(gè)。

iOS 7中,頁(yè)碼控件的大小和外觀發(fā)生了變化。

iOS 7(天氣應(yīng)用中的)                     iOS 6(天氣應(yīng)用中的)

頁(yè)碼控件

拾取器(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

進(jìn)度視圖

刷新控件(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

滑動(dòng)器

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

步進(jìn)器

在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

開(kāi)關(guān)

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

動(dòng)作列表

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

警告對(duì)話框

在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

模態(tài)視圖

在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

 

上一頁(yè)123 4下一頁(yè)
關(guān)鍵詞:iOS7設(shè)計(jì)規(guī)范

贊助商鏈接:

推薦文章
最新文章
主站蜘蛛池模板: 仙游县| 上饶县| 怀集县| 镇远县| 平阴县| 彭泽县| 台安县| 泾川县| 东乡| 自治县| 柘城县| 西华县| 会泽县| 恩施市| 广水市| 郯城县| 凤城市| 巧家县| 金秀| 额尔古纳市| 含山县| 德保县| 牟定县| 明星| 偃师市| 安宁市| 平南县| 江安县| 天峨县| 怀集县| 宜都市| 西城区| 巨鹿县| 靖宇县| 大石桥市| 墨脱县| 岱山县| 遵义县| 汉寿县| 玛曲县| 长宁区|