在APP設(shè)計(jì)中，有很多組建有著類似的功能和用法。如何正確使用這些組件？這些組件之間有什么區(qū)別？一起看看作者的解讀。

在設(shè)計(jì)iOS版和Android版的APP過(guò)程中，涉及到很多組件。不同的場(chǎng)景使用的組件也不一樣。本文將講述六組常見(jiàn)的相似組件的區(qū)別和用法。

一、警示框（alert）和底部操作列表（actionsheet）

警示框是傳達(dá)應(yīng)用或設(shè)備某些狀態(tài)的信息，并且常常需要用戶來(lái)點(diǎn)擊操作。底部操作列表展示了與用戶觸發(fā)的操作直接相關(guān)的一系列選項(xiàng)，包含兩個(gè)或以上的按鈕。一般含有三種以上操作使用底部操作列表，一種或者兩種操作使用警示框或底部操作列表。

警示框側(cè)重提示文字；進(jìn)而表示提示文字的內(nèi)容優(yōu)先級(jí)較高；底部操作列表側(cè)重選擇按鈕；進(jìn)而表示選擇按鈕的功能優(yōu)先級(jí)較高；按鈕為0-2個(gè)時(shí)，建議使用警示框；按鈕為2-n個(gè)時(shí)，建議使用底部操作列表；當(dāng)然有的場(chǎng)景需要強(qiáng)阻斷操作，例如提示沒(méi)有網(wǎng)絡(luò)，版本升級(jí)，這種情況需要使用警示框。

二、標(biāo)簽欄（tabbar)和工具欄（toolbar）

標(biāo)簽欄：讓用戶在不同的子任務(wù)、視圖和模式中進(jìn)行切換。工具欄：放置著用于操作當(dāng)前屏幕中各對(duì)象的組件，在iPhone上，工具欄始終位于屏幕底部，而在iPad上則有可能出現(xiàn)在頂部。

標(biāo)簽欄讓用戶在不同視圖切換，所以涉及到視圖切換是標(biāo)簽欄。工具欄是對(duì)當(dāng)前界面內(nèi)容的操作，所以涉及到對(duì)當(dāng)前頁(yè)面的操作是工具欄。

三、底部動(dòng)作條（bottomsheets）和菜單（menus）

底部動(dòng)作條：一個(gè)從屏幕底部邊緣向上滑出的一個(gè)面板，使用這種方式向用戶呈現(xiàn)一組功能。菜單：菜單是臨時(shí)的一張紙（paper），由按鈕（button）、動(dòng)作（action）、點(diǎn)（pointer）或者包含至少兩個(gè)菜單項(xiàng)的其他控件觸發(fā)。

如果只有兩個(gè)或者更少的操作，或者需要詳加描述，則可以考慮使用菜單(Menu)或者提示框替代。長(zhǎng)按操作多數(shù)情況下使用菜單(menu)。

四、選擇器和底部操作列表

對(duì)于互斥的單項(xiàng)選擇而言，要使用選擇器。選擇器可以來(lái)回切換確定，并且由于選擇器里面內(nèi)容滾動(dòng)所以可以容納非常多選項(xiàng)。

五、下拉菜單（drop-downmenu）、底部操作列表（actionsheet）及活動(dòng)視圖控制器(activityviewcontroller)

下拉菜單：常見(jiàn)適用于提供快捷入口。導(dǎo)流用戶去做其他任務(wù)?；顒?dòng)視圖控制器：是一個(gè)臨時(shí)視圖當(dāng)中羅列了一系列可以針對(duì)頁(yè)面特定內(nèi)容系統(tǒng)服務(wù)和定制服務(wù)。

如果是提供下一個(gè)任務(wù)入口，則使用下拉菜單；如果是對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行分享，則使用活動(dòng)視圖控制器；如果是對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行操縱，則使用底部操縱表格。

六、snackbar和toast

Snackbar是一種針對(duì)操作輕量級(jí)反饋機(jī)制, 常以一個(gè)小彈出框形式出現(xiàn)在手機(jī)屏幕下方或者桌面左下方. 它們會(huì)在超時(shí)或者用戶在屏幕其他地方觸摸之后自動(dòng)消失. Snackbar可以在屏幕其他區(qū)域滑動(dòng)關(guān)閉.

Toast主要用于提示系統(tǒng)消息. Toast同Snackbar非常相似, 但是Toast并不包含任何行為也不能從屏幕其他區(qū)域上滑動(dòng)關(guān)閉, 文本內(nèi)容左對(duì)齊.

Toast作為信息反饋提示, 可以承載更多提示語(yǔ). 如果嵌入了行為則建議使用Snackbar. Toast相對(duì)于Snackbar而言, 提示強(qiáng)度稍低一些.

總結(jié)：

以上就是六組常見(jiàn)相似組件區(qū)別與用法介紹，在設(shè)計(jì)APP過(guò)程中需要靈活運(yùn)用這些組件來(lái)提高產(chǎn)品體驗(yàn)效果。