Skip to content

弹窗

种类

根据用户交互操作场景,弹窗可分为模态弹窗非模态弹窗两种类型,其区别在于用户是否必须对其做出响应

模态弹窗

为强交互形式,会中断用户当前的操作流程,要求用户必须做出响应才能继续其他操作,通常用于需要向用户传达重要信息的场景

比如 确认框 删除框之类的

非模态弹窗

为弱交互形式,不会影响用户当前操作行为,用户可以不对其进行回应,通常都有时间限制,出现一段时间后会自动消失。一般用于告诉用户信息内容外还需要用户进行功能操作的场景。 比如:通知弹窗,验证之类的

使用场景

弹出框(Dialog)

当需要展示用户当前需要或必须关注的信息内容或操作时,例如二次退出应用等,应优先考虑使用此弹出框。

菜单控制(Menu)

当需要给指定的组件绑定用户可执行的操作时,例如长按图标展示操作选项等,应优先考虑使用此弹窗

即时反馈(Toast)

当需要在一个小的窗口中提供用户当前操作的简单反馈时,例如提示文件保存成功等,应用优先考虑使用此弹窗。

气泡提示(Popup)

当需要给指定的组件提示时,例如点击一个问号图标弹出一段帮助提示等,应优先考虑使用此弹窗。

绑定模态页面(bindContentCover/bindSheet)

当需要新的界面覆盖在旧的界面上,且旧的界面不消失的一种转场方式时,例如缩略图片点击后查看大图等,应优先考虑使用此弹窗。

设置浮层(OverlayManager)

当需要完全自定义内容、行为、样式时,可以使用浮层将 UI 展示在页面之上,例如音乐/语音播放悬浮球/胶囊等,应优先考虑使用此弹窗。

约束

注意

  1. 多个弹窗先后弹出的时候,后弹出的组件的层级一定高于先弹出的层级

  2. 退出时按照层级从高到低逐次退出.不支持调整层级