什么是气泡（Popover/弹出框/弹出式气泡）
弹出框（Popovers）是一个瞬态视图，当您点击某个控件或区域时，它会显示在屏幕上其他内容的上方。通常，弹出窗口包括指向其出现位置的箭头。Popovers可以是非模式的或模式的。点击弹出框外区域或它上面的按钮，可以消除非模态弹出框；点击弹出框上的“取消”或其他按钮，可以消除模态弹出框。—— iOS Human Interface Guidelines
Popover是由一个（圆角）矩形和三角箭头组成的弹出窗口，箭头指向的地方通常是导致popover弹出的控件或区域。通过点击popover内的按钮或非popover的屏幕其他区域可关闭popover。
气泡最开始是只建议用在PC和iPad上的一种控件，现在由于手机屏幕越来越大，也由于安卓和iOS两种规范的混用，在iOS和安卓应用中都经常能够看到（如下图）。在 Meterial Design 规范中，没有对气泡单独的阐释，类似气泡的控件有“Tooltips”、“Dropdown menu”。与iOS的Popver不同的是，安卓的“气泡”往往没有“小三角”指示箭头。
如何使用（使用场景）
当点击某个控件或区域时，气泡Popover会显示在该位置的上方。相对于弹窗和浮层，气泡的对用户的打扰更轻，它的功能指向性很明确，直接出现在使其触发的控件附近，箭头的的指向很好表达了其与触发控件的潜在关系，用户的注意力能马上被吸引过来。
气泡常见的使用方法有：
- 引导指示功能
引导型的气泡一般用在对功能的引导上，通过带指向的气泡，对页面中某项功能的含义或操作方式进行解释说明。样式上较为灵活，可基于气泡提示的强度高低，选择是否添加背景蒙层。对于强度不高的气泡，还可以支持显示一定时间后自己消失。
- 快捷导航
快捷导航型的气泡往往通过点击某个控件（如“更多”、“+”、“···”等等）而出现，可点击气泡中的选项快速去往目标任务页面，便捷而高效。当气泡中选项较多时，气泡形式可拓展为半屏式（如下图右侧）
- 功能操作选项确认
当用户执行某项操作，需要提示选择或确认时，气泡是一种好的处理方式。针对操作区域或控件，针对性展示提示选择信息，用户可以快速做出选择，减少干扰（如下图）。
注意事项
- Popover弹出时是模态的，需要将用户的注意力聚焦到气泡上，并向用户传达“请先选择气泡中的内容再进行其它操作”的意思，一般情况下气泡下方需增加蒙层；
- 气泡不宜过长且不能滚动，当内容实在很多时应当考虑采用BottomSheets或全屏弹层的形式；
- 一次只能出现一个气泡。如果一个操作激发了另一个气泡，则进行该操作的时候，立即关闭当前气泡，然后再出现新的弹出框；
- 除了警示弹窗，气泡上面不能覆盖别的控件
- 气泡不宜过大，不应该占据整个屏幕；需考虑不同系统的适配问题
- 气泡在页面（上下左右）位置不同时，需考虑指向三角的位置问题
参考文献：
https:// material.io/components/ menus/#
Human Interface Guidelines
iOS和Android规范解析——简易菜单、简易对话框和弹出框
UI设计师需要了解的 APP弹窗体系
这个控件叫：Popover/气泡弹出框/弹出式气泡/气泡
