美文网首页
弹窗问题

弹窗问题

作者: 苏苏说得对 | 来源:发表于2020-03-05 01:46 被阅读0次

对于很多产品来说,弹窗已经是必不可少的的需求了。在这方面,或可分为以下部分:

1、Toast 提示

1)Toast 为模态弹窗,一般为告知用户信息,不需要用户操作。

2)设计:一般为简单的图文信息,用于向用户反馈产品状态或用户操作结果。

3)交互:一般在屏幕居中弹出 1-2 秒然后自动消失。可在顶部和底部,甚至状态栏。

2、弹窗提示

1)弹窗为非模态弹窗,会打断用户当前行为,需要用户进行操作确认。

2)设计:由标题(非必填)、信息内容和功能按钮,用于当用户进行敏感操作后,提醒用户

3)交互:在屏幕居中弹出,有1-2 个按钮供用户选择,用户操作后弹窗消失。1个按钮时一般为“确定”,2个按钮一般为“是”与“否”。

3、操作列表

1)操作列表为非模态弹窗,会打断用户当前行为,供用户进一步操作。

2)设计:一般为文字列表或 icon+文字列表,向用户展示多个功能选择

3)交互:在屏幕底部自下向上滑出,当用户操作后,自上向下收回

4、Snack Bar

1) Snack Bar 一般为安卓系统特色提示。iOS 可定制,一般用于信息流产品

2)设计:一般为文字+1个按钮,不会打断用户当前行为,也可供用户操作。

3)交互:一般在屏幕底部弹出,3-5 秒后自动消失,也可以用户操作后消失。

相关文章

  • 弹窗问题

    对于很多产品来说,弹窗已经是必不可少的的需求了。在这方面,或可分为以下部分: 1、Toast 提示 1)Toast...

  • iOS 关于UIAlertController、UIAlertV

    关于UIAlertController弹窗问题 目标:同时弹出2个以上的弹窗 问题:在弹出一个alertContr...

  • 部份手机(ios8、ios9) clipboard.min.js

    问题描述 第一次进来打开页面弹窗,点击 复制按钮 弹出提示 复制成功 这是没问题的,但是关闭弹窗(这时候的弹窗是 ...

  • windows10更新之后,office2019已激活但是提示许

    首先解决提示office许可证有问题的弹窗问题 解决弹窗问题按照以下步骤操作:文件→账户→管理设置→去掉所有勾...

  • 移动端 弹出层禁止弹窗下的页面滚动

    制作弹窗的时候遇到的问题:页面很长,需要滚动。弹窗里也需要滚动。当滚动弹窗内的内容时,发现弹窗的内容不滚动,反而是...

  • uniapp 解决弹窗滚动冲突

    问题 页面是可以滚动的长列表,弹窗也是列表可以滚动。 解决 弹窗时禁止弹窗下的页面滑动。弹窗时底层页面不超出一整屏...

  • Vue2 element-ui2.12 MessageBox自动

    需求:点击页面一个按钮,弹出一个弹窗A,点击弹窗A的按钮,弹出弹窗B。 用的是messageBox,出现的问题,一...

  • Vue ,elment弹窗页面卡死问题

    问题:vue中设置弹窗页面,弹窗信息出来之后整个页面卡死,调试不报错 解决办法:在弹窗页面的el-dialog标签...

  • Android输入法覆盖App弹窗问题

    最近项目需求用到弹窗,但是在弹窗里有EditText,从而引发系统输入法覆盖弹窗的问题,值此记录下。 网上很多关于...

  • iOS 蓝牙授权自定义弹窗提示

    1、自定义弹窗的初衷? 蓝牙授权位置如下图: 2、解决授权重复弹窗、不弹窗的问题. (1) 蓝牙授权需在info....

网友评论

      本文标题:弹窗问题

      本文链接:https://www.haomeiwen.com/subject/rsvglhtx.html