基本定义
Notice 是一个小型的、无干扰的弹出式消息通知,几秒钟后自动消失。
构成元素
- 图标:直观的告知用户通知类型
- 标题:出现在标题框的文本
类型
具有以下 4 种类型:成功、提示、警告、错误
尺寸
备注
为了使 Toast 消息更易于阅读,Toast 限制了组件的尺寸,用户无法在短时间内记住太多内容。
宽度
Toast 默认随着内容填充,最大宽度不超过300PX,为了兼容旧版本Toast组件,超出的内容截断以...方式展示,并建议使用其它反馈类型组件。
高度
默认高度40PX,且不可更改。
用法
什么时候使用
- 你想显示一条简短的状态信息。
- 你不想在用户执行操作的时候打断他们。
- 你想确认一个操作的状态。
什么时候不使用
- 你想在用户进行某项操作时打断他们。
- 你想显示复杂的通知信息。
最佳实践
类型 | 构成 | 示例 |
---|---|---|
单个对象 | 对象 动作 | 已创建销售订单 |
多个对象 | 对象 动作 项目数 | 删除了2个销售订单 |
多个动作 | 对象 动作 项目数 | 添加了1个产品,删除了1个产品 |
行为
出现方式
位置:始终在屏幕的顶部,水平居中
生命周期
默认自动关闭,提供自定义开关,建议自动关闭。
全局变化
容器的规则
此组件以Z轴浮层形式出现,组件会覆盖屏幕上的内容,并始终出现在最顶层