和规范解析简易菜单简易对话框和弹出框

　　今天的这几个控件的中文名字，在网上查了半天，没有找到统一的叫法，所以自己翻译了一下：简易菜单对应的是MD（Material Design，下同）中的Simple Menu；简易对话框，对应的是MD中的Simple Dialog，弹出框对应的是iOS中的Popover。
　　按照惯例，我们还是从MD的控件开始说起。
　　Google Material Design Guideline
　　首先，什么是简易菜单呢？先放一个例子出来吓唬吓唬人：
　　简易菜单（Simple Menu）
　　好像例子没有任何可怕的点。就是想说个冷笑话，你管我。分析上面的例子，简易菜单，就是在用户当前操作的位置出现的选项集合。它有以下几个规则：
　　消失规则：当用户选择了某个选项，简易菜单立刻消失；当用户点击简易菜单之外的区域，或者点击安卓系统的返回按钮，则简易菜单消失。
　　展现规则：简易菜单应该出现在入口的正上方，也就是覆盖住入口。
　　这一条在国内的安卓系统中经常被错用，比如下面这种情况：
　　点击右上角的三个点，则菜单覆盖在三个点的正上方
　　国内很多安卓版本的应用，点击三个点之后，菜单是出现在三个点的下方。如果仅仅是从MD规范的角度来说，这是不太规范的做法。
　　选项中的第三个，是当前已选择选项。点击入口后，第三个选项位于入口的正上方。
　　另外，简易菜单还有一个展现原则，要把当前已经选择的选项展现在入口的正上方，就像下面这样：
　　下面是一个反例：
　　在上图中，当前已选择的是第二个选项。但是点击入口打开简易菜单，是第一个选项出现在入口的正上方，所以是错误的。
　　但是，也有例外，如果菜单的入口刚好位于页面的边缘位置，导致当前页面展现不下简易菜单了，则不必遵循＂当前已选选项必须在入口正上方＂这个原则，比如下面这个例子：
　　点击Voice search,在当前位置无法展现完整的简易菜单，因此当前已选选项＂English＂没有覆盖在入口（Voice search）的正上方
　　以上就是简易菜单的用法。
　　简易对话框和简易菜单是很相似的，因为它们的功能都是一样的：提供一系列选项。
　　所不同的是，简易对话框除了可以提供选项之外，还可以提供一些相关的操作。另外，在简易对话框中，可以展现头像、图标（icon）、一条选项中的说明性文字、其它操作（比如上图中的＂添加联系人＂按钮）。简易对话框的呼出方式，可以是点击或者长按，而简易菜单一般是点击。
　　由于简易对话框出现在屏幕的中央，比简易菜单更加打扰用户。所以MD规范简易，尽量使用简易菜单而不是简易对话框。
　　iOS Human Interface Design Guideline
　　弹出框（Popovers）最开始是只建议用在iPad上的一种控件，最近由于手机屏幕越来越大，也由于安卓和iOS两种规范的混用，也越来越多地出现在iOS应用里，比如下面这个例子：
　　可以看到，iOS的弹出框和Android的菜单比较相似，但iOS的弹出框是出现在入口的下面的，且要有箭头，指示入口的位置。
　　关于弹出框，需要注意以下几点：
　　一次只能出现一个弹出框。如果一个操作激发了另一个弹出框，则进行该操作的时候，立即关闭当前弹出框，然后再出现新的弹出框。
　　弹出框上面不能覆盖别的控件，警告框除外。
　　一般来说，在弹出框上进行了操作，则弹出框关闭。如果需要增加＂放弃操作＂或者＂确认操作＂的功能，则可增加＂取消＂、＂完成＂这样的按钮。如果在弹出框里可以进行多项选择的操作，则需用户点击了＂取消＂、＂完成＂或者点击弹出框以外的区域关闭弹出框。
　　以上对比了MD中的简易菜单和简易对话框，他们的功能相似，只是简易对话框中还可以加入头像、图标（icon）、关于选项的说明性文字以及其它操作，所以功能性更强。但简易对话框出现的形式，导致了它对用户的打扰更大，因此MD简易尽量使用简易菜单，除非有使用简易对话框的必要再使用它。
　　另外，在iOS中，弹出框是与上面两个控件较为相似的控件。有个细节需要注意：MD中的简易菜单，形式上是一个矩形，没有箭头指示入口位置；iOS的弹出框，规范里强调要有箭头指示入口位置。这个区别需要提醒一下。
　　最后顺提一句，讨论能让我们的认识更深刻，也更全面。欢迎大家留言讨论。
　　相关阅读
　　iOS和Android规范解析——提示框（Toast）对比
　　iOS和Android规范解析——警告框（Alerts）对比
　　iOS和Android规范解析——底部浮层（上）
　　iOS和Android规范解析——底部浮层（下）