今天的這幾個控件的中文名字促煮，在網(wǎng)上查了半天，沒有找到統(tǒng)一的叫法整袁，所以自己翻譯了一下：簡易菜單對應(yīng)的是MD（Material Design菠齿，下同）中的Simple Menu；簡易對話框坐昙，對應(yīng)的是MD中的Simple Dialog绳匀，彈出框?qū)?yīng)的是iOS中的Popover。
按照慣例炸客，我們還是從MD的控件開始說起疾棵。
Google Material Design Guideline
首先，什么是簡易菜單呢痹仙？先放一個例子出來嚇唬嚇唬人：
好像例子沒有任何可怕的點是尔。就是想說個冷笑話，你管我开仰。分析上面的例子拟枚，簡易菜單，就是在用戶當(dāng)前操作的位置出現(xiàn)的選項集合众弓。它有以下幾個規(guī)則：
消失規(guī)則：當(dāng)用戶選擇了某個選項恩溅，簡易菜單立刻消失；當(dāng)用戶點擊簡易菜單之外的區(qū)域谓娃，或者點擊安卓系統(tǒng)的返回按鈕脚乡，則簡易菜單消失。
展現(xiàn)規(guī)則：簡易菜單應(yīng)該出現(xiàn)在入口的正上方滨达，也就是覆蓋住入口奶稠。
這一條在國內(nèi)的安卓系統(tǒng)中經(jīng)常被錯用，比如下面這種情況：
國內(nèi)很多安卓版本的應(yīng)用窒典，點擊三個點之后，菜單是出現(xiàn)在三個點的下方稽莉。如果僅僅是從MD規(guī)范的角度來說瀑志，這是不太規(guī)范的做法。
另外，簡易菜單還有一個展現(xiàn)原則劈猪，要把當(dāng)前已經(jīng)選擇的選項展現(xiàn)在入口的正上方昧甘，就像下面這樣：
下面是一個反例：
但是肘习，也有例外，如果菜單的入口剛好位于頁面的邊緣位置坡倔，導(dǎo)致當(dāng)前頁面展現(xiàn)不下簡易菜單了漂佩，則不必遵循“當(dāng)前已選選項必須在入口正上方”這個原則，比如下面這個例子：
以上就是簡易菜單的用法投蝉。
簡易對話框和簡易菜單是很相似的，因為它們的功能都是一樣的：提供一系列選項征堪。
所不同的是瘩缆，簡易對話框除了可以提供選項之外，還可以提供一些相關(guān)的操作佃蚜。另外咳榜，在簡易對話框中，可以展現(xiàn)頭像爽锥、圖標（icon）涌韩、一條選項中的說明性文字、其它操作（比如上圖中的“添加聯(lián)系人”按鈕）氯夷。簡易對話框的呼出方式臣樱，可以是點擊或者長按，而簡易菜單一般是點擊腮考。
由于簡易對話框出現(xiàn)在屏幕的中央雇毫，比簡易菜單更加打擾用戶。所以MD規(guī)范簡易踩蔚，盡量使用簡易菜單而不是簡易對話框棚放。
iOS Human Interface Design Guideline
彈出框（Popovers）最開始是只建議用在iPad上的一種控件，最近由于手機屏幕越來越大馅闽，也由于安卓和iOS兩種規(guī)范的混用飘蚯，也越來越多地出現(xiàn)在iOS應(yīng)用里馍迄，比如下面這個例子：
可以看到，iOS的彈出框和Android的菜單比較相似局骤，但iOS的彈出框是出現(xiàn)在入口的下面的攀圈，且要有箭頭，指示入口的位置峦甩。
關(guān)于彈出框赘来，需要注意以下幾點：
1. 一次只能出現(xiàn)一個彈出框。如果一個操作激發(fā)了另一個彈出框凯傲，則進行該操作的時候犬辰，立即關(guān)閉當(dāng)前彈出框，然后再出現(xiàn)新的彈出框冰单。
2. 彈出框上面不能覆蓋別的控件忧风，警告框除外。
3. 一般來說球凰，在彈出框上進行了操作，則彈出框關(guān)閉腿宰。如果需要增加“放棄操作”或者“確認操作”的功能呕诉，則可增加“取消”、“完成”這樣的按鈕吃度。如果在彈出框里可以進行多項選擇的操作甩挫，則需用戶點擊了“取消”、“完成”或者點擊彈出框以外的區(qū)域關(guān)閉彈出框椿每。
以上就是今天的全部內(nèi)容伊者。
順提一句，討論能讓我們的認識更深刻间护，也更全面亦渗。歡迎大家留言討論。
相關(guān)閱讀
iOS和Android規(guī)范解析——提示框（Toast）對比
iOS和Android規(guī)范解析——警告框（Alerts）對比
德國海龜一枚?? 汁尺，曾任職于騰訊微生活法精、網(wǎng)易、宜信等公司〕胀唬現(xiàn)為愛奇藝UDC高級交互設(shè)計師搂蜓。歡迎關(guān)注。
