弹出页

是一个为激起用户的回应而被设计、需要用户去与之交互的浮层。它可以告知用户关键的信息，要求用户去做决定，抑或是涉及到多个操作。弹窗越来越广泛地被应用于软件、网页、以及移动设备中，它可以在不把用户从当前页面带走的情况下，指引用户去完成一个特定的操作。 弹窗分为模态弹窗和非模态弹窗两种：

• 模态弹窗会打断用户的正常操作，要求用户必须对其进行回应，否则不能继续其它操作。模态弹窗常常都还会伴随半透明的遮罩来吸引用户的视觉焦点，以突出弹窗的信息内容；
• 非模态弹窗不会影响用户的操作，用户可以不对其进行回应，非模态弹窗通常都有时间限制，出现一段时间后就会自动消失。

最常见的基本弹窗有四种：对话框（Dialog）、功能框（Actionbar）、提示框（Toast） 和 提示对话框（Snackbar）

---

对话框（Dialog）

当用户进行了敏感操作，或者发生了较为严重性的状态改变，这种操作和改变会带来影响性比较大的行为结果，在该结果发生前以Dialog对话框的弹窗形式告知用户且让用户进行功能选择。比如退出、删除、进行付费下载等功能操作。

一般情况下Dialog由标题、信息内容和功能按钮组成，只有当用户点击了某个功能按钮后弹窗才会消失，随即执行该功能操作，进入相应的功能流程。Dialog的标题和信息内容的文字描述都要设计成尽可能的简洁和无异义，也可以选择省略标题只保留内容描述和功能按钮。

功能框（Actionbar）

Actionbar功能框可以看成是Dialog的一种延伸设计，两者都是模态弹窗，用户必须进行回应，否则弹窗不会消失，用户无法继续其它操作。Actoinbar比Dialog拥有更多的功能按钮，提供给用户更多的功能选择，Acionbar一般都设计有一个默认的“取消”功能按钮，点击该按钮后关闭弹窗，用户点击弹窗以外的区域时相当于进行了点击“取消”功能按钮的默认回应。

Actionbar的样式比较常见的是文字列表框，它出现在页面底部，以简洁的功能描述性文字展示功能按钮，敏感的功能操作一般用红色字体标出（也可以设计其它颜色以突出某个功能按钮）。

当功能按钮数量很多的时候，文字列表的形式不适合显示，此时可以用图形加文字描述排列的形式来进行展示。这种样式下需要注意弹窗内各功能按钮的UI设计和排列布局。

提示框（Toast）

文本toast

最常见的Toast提示框为一句简短的描述性文字。这种样式的弹窗可以出现在页面的任何位置，可设置成在页面顶部、中部或者在底部出现（但一般都是出现在页面的中轴线上），具体的显示位置根据页面的整体设计进行设置。

图文toast

由简单的图形和简短的文字组成，显示位置一般位于页面正中央。

还有一种引人注目但又和界面协调融合的展示信息的弹窗样式，一般在内容页顶部向下推动出现，然后向上推动消失。

注：考虑到Toast提示框显示的时间较短（几秒种）、占用区域不大，它容易被用户忽略，所以Toast不适合承载过多的文字和重要信息。

提示对话框（Snackbar）

提示对话框（Snackbar）同时拥有Toast和Dialog的特点，不会打断用户正常的操作流程，它除了可以告诉用户信息内容，还可以与用户进行对话交互（用户可以点击功能按钮进行回应）。

一般情况下，Snackbar由信息内容加一个功能按钮组成，用户点击了功能按钮后弹窗消失，App随即执行该操作，进入相应的功能流程。Snackbar跟Toast一样是有时间限制的，即使用户不进行回应，弹窗出现一段时间后也会自动消失。

Snackbar还可以被设计成只有信息内容而没有功能按钮，这种样式的Snackbar用户无法进行操作，只能等它自动消失，此时它就相当于一种文字描述型的Toast，只是表现形式有所不同。