首页 > 其他 > 详细

组件化设计:弹窗的使用逻辑

时间:2019-11-25 11:59:44      阅读:134      评论:0      收藏:0      [点我收藏+]

首先梳理一下弹窗的类别,根据其使用场景,可以归为 模态 跟 非模态 ,也称之为阻断式和非阻断式,评判标准在于是否打断用户操作。

技术分享图片

 

 弹窗的作用在于,在用户进行页面操作时,中断其操作,或反馈相应的信息,或是当前内容的补充,帮助用户进行下一步操作,是处理页面中的即时任务的重要功能。

 

模态弹框  一般出现于页面中时,用户需要与之操作,页面层级很高,能直接吸引用户的关注,但同时会中断用户操作,因此在页面设计中不能滥用。比如对话框(Dialog / Allert)、浮层(Popover)、操作栏(Action bar)。

非模态框 在页面中表现得更轻盈,它能即时的给予反馈,但又不会干扰用户,从出现到消失的时间都很短。比如有吐司(Hud / Toast)和通知条(Snack bar),Hud / Toast 是分别属于ios 和 android 系统的控件,他们的表现形式基本一样,可以归为一类组件,页面中常见的半透明矩形提示就是以Toast 的 形式出现居多。

 

组件化设计:弹窗的使用逻辑

原文:https://www.cnblogs.com/wangqian888/p/11926680.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!