美文网首页
认识控件:Toast、Snackbars、HUD(透明指示层)

认识控件:Toast、Snackbars、HUD(透明指示层)

作者: 徐海星 | 来源:发表于2018-02-09 15:27 被阅读0次

Google的Material Design中将toast和snackbars归为一类。

HUD为iOS系统中与toast对应的。

下面介绍下他们在官方使用规范中的详情。但提醒下:规范是官方给出的最标准的做法,但是具体的运用还是要看场景的需要。我们要做到死死的掌握住公式,然后灵活运用。

Snackbars的特征:

1、从屏幕底部向上移动出现。

2、只出现在手机页面下方或页面左下方。

3、出现在所有层的最上面,包括浮动操作按钮(floatng action button)。

4、超时或触摸屏幕其他地方自动消失。

5、可以滑动关闭。

6、不影响用户在屏幕上输入,同时不支持输入。(非模态)

7、屏幕中最多只能存在一个。

8、高度仅仅用于容纳所有的文本。

9、不能含有图标。

10、操作只能以文本形式存在。

11、最对只含有一个操作,不能含取消按钮。

12、样式一般为灰黑或黑色半透明。

13、出现后内部内容不可变化。

Toast的特征:

1、从屏幕底部向上移动出现。

2、不支持滑动关闭。

3、不含操作按钮。

4、内部文字居中对齐。

5、形状为胶囊状。

6、样式一般为灰黑或黑色半透明。

7、出现后内部内容不可变化。

HUD的特征:

1、出现在屏幕的中央。

2、支持图标。

3、样式一般为毛玻璃透明。

4、内部内容可以变化(如音量调节)。

相关文章

  • 认识控件:Toast、Snackbars、HUD(透明指示层)

    Google的Material Design中将toast和snackbars归为一类。 HUD为iOS系统中与t...

  • MBProgressHUD 源码解析

    HUD在iOS中一般特指“透明提示层”,常见的有SVProgressHUD、JGProgressHUD、Toast...

  • 8.18 HUD 透明指示层

    编译运行结果如下: 载入中... 连接失败...

  • iOS开发必备HUD(透明指示层)

    1.MBProgressHUD GitHub地址:https://github.com/jdg/MBProgres...

  • 随手记记

    HUD 其他说法:指示器、遮盖、蒙板 半透明HUD的做法背景色设置为半透明颜色 定时任务 方法1:performS...

  • Android Material Design 之 Coordi

    https://material.io/guidelines/components/snackbars-toast...

  • 指示器

    指示器 HUD 其他说法:指示器、遮盖、蒙版 半透HUD的做法背景色设置为半透明颜色 定时任务 方法1:perfo...

  • 动画 KVC KVO

    中间的提醒内容 指示器、HUD、遮盖、蒙板 半透明的指示器如何实现? 指示器的alpha = 1.0 指示器的背景...

  • 4(5)提示框

    Hud/Toast(提示窗) Toast是安卓控件,一般出现在屏幕中间或顶部,无法对其操作,出现一段时间后会自动消...

  • KVC、KVO

    KVC 、 KVO 中间的提醒内容 指示器、HUD、遮盖、蒙板 半透明的指示器如何实现?指示器的alpha = 1...

网友评论

      本文标题:认识控件:Toast、Snackbars、HUD(透明指示层)

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