iOS 7使用者介面過渡指南(上) 過渡前的準備工作

2021-06-19 03:28:03 字數 2334 閱讀 5133

os 7使用者介面過渡指南檔案太長,所以按照文件分為上、下兩個部分。

ios 7使用者介面過渡指南(上):過渡前的準備工作

開始之前的工作(before you start)

過渡工作的範圍(scope the project)

支援ios 6系統(supporting ios 6)

ios 7使用者介面過渡指南(下):更新ui

操作欄和欄上按鈕(bars & bar buttons)

內容檢視(content view)

控制項(controls)

臨時檢視(temporary views)

本篇是ios 7使用者介面過渡指南(上):過渡前的準備工作

過渡前的準備

重要:由於ios7還未最終發布,該文件的部分內容還會繼續修改。

開始之前的工作

ios 7引入了許多使用者介面上的改變,比如無邊框的按鈕,透明操作欄,全屏檢視控制器布局。使用xcode 5可以建立ios 7專案,並使用模擬器一窺ios 7使用者介面的變化。

例如,示例程式theelement在ios6和ios7模擬器上分別看起來分別是這樣的。

注意:ios 7 beta2 現已發布,支援ipad

對於這樣結構的程式,你甚至不用更新你的應用程式,但在開始之前還是有幾件事要考慮一下。當你操作內建的應用程式時,你會感覺到ios 7的變化既微妙又深刻。熟悉的ui元素非常易於辨認,但它們看起來和原來變化很大。接近真實的虛擬觸控變得更加柔和精妙,同時動態效果的真實性得到了增強。

注意:ios 7上所有的ui元素看起來和原來區別很大,並且提供了許多新功能,但是你所熟悉的uikit api基本上沒有變化太多。

隨著你探索的深入,會認識到ios 7的主要主題:

順從--介面的作用是幫助使用者理解內容、和內容互動,而不是與內容競爭。

明晰--每個字型大小的字型都清晰可辨,icon精確易懂,裝飾元素恰如其分,對於功能的精確聚焦是設計驅動力。

深度--通過視覺化的層、逼真的動畫,加深使用者的愉悅和理解。

designing for ios 7(為ios 7而設計)》)

定製分為三種型別:

混合型(hybrid): 既使用了標準元素,也用了自定義元素(包括使用uikit著色和外表自定義api定製的自定義的標準元素)。

過渡工作的範圍

3.請支援retina屏和iphone 5的螢幕尺寸。(譯者注:不支援就不能更新了)

2.重新設計自定義bar的icon。ios 7下,bar上的按鈕圖示更加輕巧,風格也有變化。

3.拿掉按鈕的背景, 重視現有的按鈕外觀,嘗試無邊框的按鈕。

」。如果你仍需支援ios6

支援ios 6系統

看一下你對使用者介面的公升級會對早期版本產生什麼樣的影響。使用assistant editor,可以在畫布上修改ios 7故事版或xib檔案的同時,看到這些變動會對ios 6版本檔案造成的影響。

預覽早期故事版檔案和xib檔案的方法:

1.在畫布上檢視ios 7故事版檔案或者xib檔案的時候,開啟assistant editor。

2.開啟assistant彈出選單。

3.在選單中,定位到預覽項,然後選中相應故事版檔案或xib檔案。

在兩個版本的ui之間切換的方法:

1.在inte***ce builder的檢查器中開啟檔案。

2.開啟選單「view as」。

3.選擇你想預覽的版本號。

更多關於xcode 5中新的inte***ce builder的資訊,請參考「」。

」)更多auto layout的內容,請看「」。

」) 如果你的故事版或xib檔案包含嵌入式,考慮建立乙個檢視的出口(outlet),並在需要的時候載入合適的資源。在**中載入不同資源的方法,參考「loading resources conditionally」。

依據附加條件載入資源

nsuinteger devicesystemmajorversion(); 

nsuinteger devicesystemmajorversion() ); 

return

_devicesystemmajorversion; 

} #define my_macro_name (devicesystemmajorversion() 

iOS 7使用者介面過渡指南(上) 過渡前的準備工作

閱讀器ios 7使用者介面過渡指南檔案太長,所以按照文件分為上 下兩個部分。ios 7使用者介面過渡指南 上 過渡前的準備工作 開始之前的工作 before you start 過渡工作的範圍 scope the project 支援ios 6系統 supporting ios 6 ios 7使用者...

iOS 7使用者介面過渡指南(上) 過渡前的準備工作

過渡前的準備 重要 由於ios7還未最終發布,該文件的部分內容還會繼續修改。開始之前的工作 ios 7引入了許多使用者介面上的改變,比如無邊框的按鈕,透明操作欄,全屏檢視控制器布局。使用 過渡前的準備 重要 由於ios7還未最終發布,該文件的部分內容還會繼續修改。開始之前的工作 ios 7引入了許多...

iOS 7專為女性使用者而設計

科技部落格主吉姆 林奇 jim lynch 最近稱,蘋果最新作業系統ios7是專為13歲女孩而設計。儘管這聽起來有點性別歧視,但是他的觀點倒是很新鮮。ios 7系統採用扁平化設計,顏色更加鮮豔。因此,我們不禁要問,ios7系統真的是為了吸引更多女性使用者嗎?在iphone推出之前,蘋果ipod使用者...