童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

还在用Toast?快试试更好用的Snackbar!

12月8日 萌嘟嘟投稿
  相比于Toast,Snackbar的好处十分明显可读性更强,还可以兼容1~2个次要操作,适用场景更加广泛。因此,笔者也具体向我们介绍了Snackbar的常见样式以及设计注意事项。
  一、什么是Snackbar
  Snackbar是GoogleMaterialDesign中提供的一种兼容提示与操作的消息控件。这也就意味着所有Android开发都可以直接通过官方插件来调用此控件哦~
  此控件与Toast比较相似,都通常用于低干扰度的消息提示,该消息可被忽略且不会打断用户当前的操作。但相对Toast而言,Snackbar的优势在于可读性更强,还可以兼容1~2个次要操作,适用场景会更加广泛,有兴趣的同学不妨可以在设计开发中尝试使用,你会发现确实比Toast好用太多了!
  下面就由我来为你详解Snackbar的一些特性和玩法吧~
  二、Snackbar的常见样式
  Snackbar的样式可以根据设备的宽度进行适配改变。
  1。窄屏:纯文案
  通常用于移动设备竖屏。最多展示两行,每行最大展示字数请可定义,超出两行信息展示为
  2。窄屏:文案按钮
  通常用于移动设备竖屏。文案最多展示两行,每行最大展示字数可定义,超出两行信息展示为
  支持展示1~2个操作按钮,按钮颜色需突出(可自定义),当按钮展示不下时(文案过长或按钮文本过长)允许折行显示。
  3。宽屏:纯文案
  通常用于移动设备横屏。文案最多展示一行,最大展示字数可定义,超出的字数展示为
  4。宽屏:文案按钮
  通常用于移动设备横屏。文案最多展示一行,最大展示字数可定义,超出的字数展示为,支持展示1~2个操作按钮,按钮颜色需突出(可自定义)。
  三、Snackbar的显示与消失机制
  显示时不会打断用户操作,在以下情况下会消失:
  用户点击Snackbar上的操作,触发操作的同时消失;
  用户点击屏幕任意位置时立即消失;
  用户不进行任何操作,持续4~10秒后自动消失(时长可自定义)。
  四、Snackbar的显示位置
  当页有Bottomappbar或BottomNavigation时,显示在其上方(不可贴边或发生重叠)。
  当页无Bottomappbar或BottomNavigation时,显示在页面底部(不可贴边或发生重叠)。
  当页底部有Floatingactionbutton时,显示在其上方(不可贴边或发生重叠)。
  横屏时,显示在页面左下方(不可贴边)。
  五、Snackbar的唯一性
  需展示多个Snackbars时,每次仅能显示1个,之后的Snackbar应在前一个消失后再显示。
  六、Snackbar的超时重置
  在Snackbar显示期间时出现了Dialogs,关闭Dialog后,重新显示该Snackbar并重置显示时长,以确保用户能读完Snackbar上的信息。
  七、Snackbar的几点“不要”
  不要使用与操作结果或进程无关的文案描述
  不要使用“忽略”或“取消”的按钮文案,因为snackbar会自动消失
  不要使用textbutton之外的按钮样式,因为snackbar不会用于承载重要操作
  不要使用2个以上的按钮,若确实需要,请考虑使用Dialogs
  不要用于承载很重要的操作,若确实需要,请考虑使用Dialogs
  不要遮挡FAB或底部导航
  八、使用范例
  当用户手动将某道题目成功添加至错题本时,使用snackbar告知用户收藏是否成功并显示“添加标签”按钮引导,用户可选择点击按钮去添加标签,也可以选择置之不理。
  当用户成功提交问题反馈时,使用snackbar告知用户提交是否成功。
  最后感谢阅读,如有问题,欢迎留言讨论哦~
投诉 评论 转载

业务产品的设计方法论与思考业务型产品就是由具体的业务实现主要盈利,不只是互联网,更重要的是业务的发展。笔者以电商产品为例,为我们分析了业务产品是什么、如何设计以及业务产品经理应该如何做?谈一谈业务……线下终端屏幕价值拆解:商业价值视觉价值X操作价值(转化率)本文跟大家聊聊线下终端屏幕的交互体验。关注这块,是因为最近在思考一个问题:线下屏幕空间有限,如何最大化屏幕的商业价值?线下终端设备,并不像手机,像Android,iOS系……一份全面的“安全概要设计”是怎样的?产品的安全设计可以划分为以下几个部分:安全管理、安全评估、安全策略等,其中可以再细化为很多部分。笔者结合这些部分给出了自己关于安全概要设计的思考与分析,让我们来看看吧。对……互联网保险产品:理赔服务中的交互设计在互联网保险产品中,面对理赔服务的设计时,应以全局的角度看问题,从服务设计的视角考虑何优化,我们要思考的不仅仅是用户体验,如何提升理赔部的效率,如何平衡用户操作与业务要求之间的……还在加班?办公室自救手册的设计救赎之路本文给还在加班的你,提供了一份办公室自救手册,一起来看看,说不定有用呢22岁毕业进外包公司,任软件工程师,每天编码到凌晨,眼镜成深度近视;25岁跳槽进入IT公司,任……对比肯德基,你的APP小程序差在哪里?目前,很多企业都在尝试开发APP、小程序。但是企业在开发之前,一定首先需要把定位确定好。也就是要通过APP(小程序)解决哪些问题,重点要达成的目标是什么?目前,看到的一些……什么样的产品思维,打造了最强“漫威宇宙”?前不久完结的《复仇者联盟4》又一次制造了“刷屏热”,并最终交上了42。4亿元的票房成绩单,漫威究竟是如何打造这样一款款受人欢迎的产品?与其他电影公司相比,他们的产品思维是什么样……还在用Toast?快试试更好用的Snackbar!相比于Toast,Snackbar的好处十分明显可读性更强,还可以兼容1~2个次要操作,适用场景更加广泛。因此,笔者也具体向我们介绍了Snackbar的常见样式以及设计注意事项……设计师,你懂设计思维吗?提到设计,很多刚工作的设计师想到的是各种各样的酷炫界面。但在工作中,我想到的更多,我经常思考设计的意义及本质在哪里?随着工作积累,我发现设计是一个整体体验的一部分,设计好用比好……游戏化设计Part3:游戏让人上瘾的秘密内在驱动力前两篇文章中,作者写了关于建立一个游戏化模型的基本原则和挫败感在游戏化中的关键作用。在这篇文章中,作者想告诉大家,什么是用户的内在驱动以及怎样应用内在驱动提升产品粘性。让我们一……原型测试的方法及细节总结动态交互还是静态展示?用Axure绘制还是草图手绘?无论你选择哪种原型设计工具,最后的目的都是更好地服务于用户调研,相信本文会给你提供一些实用的tips。可测验的原型到底……Airbnb创建更具包容性的视觉识别插图指南Airbnb的设计语言系统(DLS)为我们的用户体验设计(从字体、颜色到插画和动效设计)提供了一个易懂的、包容的通用做法。文字语言可以为公司定下基调,但图像可以使其更加具……
精益用户体验(UX):摆脱只注重结果的工作创建定性用户画像虚拟化互联网时代的产品开发加速器内容首页设计经验拿什么提升你的搜索体验淘宝买家对聚划算的心理认知探讨Android应用界面设计参与度和动机是游戏化设计的关键所在不要再追求所谓完整的UCD设计流程好设计如何诞生:关于好设计的100件事TVApp设计经验谈10个可向游戏界面设计学习的地方情绪版(Moodboard)操作流程的新思考
今年很流行金发吗?杨幂孟美岐周也同一天晒出金发造型比车贵!售1260万的法拉利联名款,里查德米尔发布全球最薄腕买车去哪里买(想买私家车去哪里买)旅行车有哪些(性价比最好的5座旅行车)丁俊晖领衔,五名中国选手征战世锦赛企业债务重组的原因是什么?天使心雪莲身作文天热这6道蒸菜多吃,蒸一蒸就好,不费劲少油烟,鲜美营养不上火25岁公务员买什么车合适?结构一致的多个工作表合并计算是最鼻炎怎么治治疗鼻炎的偏方健身房专用新风系统什么品牌好健身房专用新风系统品牌推荐详解

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界