本文内容属于个人资料查找学习和总结哦，如有不同的观点欢迎评论指导

5种常见的App弹窗设计：

Dialog、Actionbar 、 Popover、Toast和Snackbar

什么是弹窗？

弹窗是一个为激起用户的回应而被设计、需要用户去与之交互的浮层。它可以告知用户关键的信息，要求用户去做决定，抑或是涉及到多个操作。

弹窗分为模态弹窗和非模态弹窗两种，两者的区别在于需不需要用户对其进行回应。

模态弹窗会打断用户的正常操作，要求用户必须对其进行回应，否则不能继续其它操作行为；

非模态弹窗则不会影响用户的操作，用户可以不对其进行回应，非模态弹窗通常都有时间限制，出现一段时间后就会自动消失。

模态弹窗常常都还会伴随半透明遮罩来吸引用户的视觉焦点，以突出弹窗的信息内容。

无论是模态还是非模态，弹窗都是位于当前页面的最顶层。非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户对其进行功能操作。

1、Dialog（对话框）

一般情况下Dialog由标题、信息内容和功能按钮组成，只有当用户点击了某个功能按钮后弹窗才会消失，App随即执行该功能操作，进入相应的功能流程。

2、Actionbar（功能框）

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

3、Popover（弹出框）

用户单击某个控件或页面某个区域后出现的临时复层，通常可以再次隐藏。优势在于用户操作时页面逻辑清晰，当前页面因隐藏多项低频操作使得界面简洁。

4、Toast（提示框）

它弹出一个小信息，作为提醒或消息反馈来用，一般用来显示操作结果，或者应用状态的改变。优势在于提示轻盈，不会对用户操作带来太大阻碍。

5、Snackbar（提示对话框）

不会打断用户正常的操作流程，它除了可以告诉用户信息内容，还可以与用户进行对话交互（用户可以点击功能按钮进行回应）。

Powered by Froala Editor