一、前言

開發(fā)者在產(chǎn)品上同時覆蓋iOS平臺和Android平臺時，則會遇到同一個功能在不同平臺中界面和交互如何展現(xiàn)的問題。

了解兩個平臺間的控件對應(yīng)關(guān)系和異同點，對同時面向兩個平臺的產(chǎn)品和交互設(shè)計是有幫助的。

此部分就兩個平臺的控件進行對應(yīng)，并輔以一定的描述，更詳細的控件說明和適用的場合請直接參閱參考資料中的相關(guān)文檔。

說明：Android中的系統(tǒng)控件會根據(jù)不同的ROM和操作系統(tǒng)版本有所變化，本文中Android控件以《Android Design》為主要參考。

二、目的

本文期望表達的含義，集中于如下三個方面：

√ iOS和Android的的控件在目標上是趨同的，但形式則有較大區(qū)別，因此Android產(chǎn)品符合Android本身的風格，不建議直接沿用iOS風格。

√ 了解iOS和Android控件的對應(yīng)關(guān)系，有助于在產(chǎn)品設(shè)計時，既能利用現(xiàn)有的思路，又能符合相應(yīng)平臺的風格

√ Android因為各設(shè)備商自定義ROM、不同系統(tǒng)版本之間的不同、設(shè)備物理屬性的多樣化等原因，造成Android本身的風格有多種，設(shè)計優(yōu)秀的Android應(yīng)用，是一件不容易的事情。

三、功能欄

3.1 狀態(tài)欄（Status Bar）

iPhone的狀態(tài)欄系統(tǒng)提供了3種樣式，分別為淺色、深色、深色半透，高度固定。

Android的狀態(tài)欄根據(jù)各個手機廠商自定義的ROM不同，會有多種樣式，在MIUI中還可以根據(jù)主題不同也會變化。

3.2導航欄（Navigation Bar）

iPhone的導航欄高度固定，放置在界面頂部，導航欄中部一般放置標題，但也可以被用來放置其他內(nèi)容，左側(cè)一般放置導航或者其他按鈕，右側(cè)一般放置按鈕。

Android的導航欄會根據(jù)情況不同而承擔導航、操作欄（Acton Bar）、情景操作欄（Contextual Action Bars）的功能。

當承擔導航功能時，出現(xiàn)的元素包含標題，左箭頭（代表上一級），這些元素聯(lián)合界面、系統(tǒng)返回鍵（硬返回鍵或軟返回鍵）一起構(gòu)成了導航。

當其承擔操作欄功能是，出現(xiàn)的元素有操作圖標（有時候是平面的純文字，包括更多圖標）、Spinners下拉菜單、選項卡等，如果操作欄圖標過多，會在界面最下方提供另外一條操作欄。

情景操作欄的出現(xiàn)場景包括文本選擇、內(nèi)容的選擇等，一般是通過對當前內(nèi)容長按出現(xiàn)。此控件是Android 4.0，用來一定程度上代替長按的彈出菜單。

3.3工具欄（Tool Bar） vs 操作欄（Action Bar）

iPhone的工具欄高度固定，放置在界面底部，界面上一般放置圖標或者按鈕。

Android的當頂部操作欄空間不夠無法放置更多按鈕時，會出現(xiàn)在底部，但在有菜單鍵的手機上，會通過菜單彈出放不下的操作欄按鈕。

另外，底部操作欄是在Android 4.0中引入的。

3.4標簽欄

iPhone的標簽欄放置在底部，樣式固定。

Android的標簽欄包括位置可變和固定的兩種，在Android 2.x的系統(tǒng)中，還有圖文并排的標簽，在Google自身的應(yīng)用中，就有多種標簽風格。

在Android 4.0中的標簽，基本上都是可以左右拖動切換標簽的，也可以直接點擊切換。

標簽： iOS應(yīng)用設(shè)計 ios應(yīng)用 ��

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。