组件 • 烤面包机
烤面包机
Toaster 是一个小通知,出现在屏幕上,用于提供重要信息或警告。它可用于向用户通知事件或操作,例如何时提交表单或下载文件。
§主要类型
默认
它在不需要立即采取行动或消息与任何特定操作或事件无关时使用。
信息
它用于告知用户有关进程、事件或操作的信息。例如,在数据传输或页面加载成功的情况下。
成功
它表示操作或操作已成功完成。例如,当数据成功保存或用户获得授权时。
警告
它告知用户潜在的问题或错误。例如,如果他们需要在表单上填写必填字段,或者没有互联网连接。
错误
它用于指示错误,需要用户注意才能修复错误。例如,如果数据输入不正确或存在服务器错误。此状态最好与操作按钮配对,该操作按钮允许您更正错误或获取更多信息。
§修改
Toast 由五个主要组件组成:
1.吐司类型图标。组件可以在有或没有图标的情况下使用。图标是可选元素。 2.标题告知用户正在执行的操作。如果包含描述,则标题的使用是可选的。 3.该描述阐明了标题,可以独立使用。 4.纽扣。Toast 可能有一两个按钮;建议将第一个按钮用作操作按钮。按钮是可选元素。 5.退出图标。退出图标是可选元素。如果 toast 上没有设置隐藏持续时间,则需要使用关闭按钮。
§何时使用
建议在以下场景中使用烤面包机:
- 在提交表单或执行操作时,如果您希望用户看到进度。例如一条表明数据已成功发送或出现错误的消息。
- 当你不想干扰用户的工作流程或屏蔽屏幕时。烤面包机显示在角落里,不会覆盖整个屏幕,因此用户可以继续使用界面。
- 当需要有关特定操作的更多信息时。祝酒词可能包含指向其他内容或信息的链接,这些内容或信息将帮助用户了解发生了什么。
§何时不使用
不建议在以下情况下使用烤面包机:
- 当需要用户立即回复时。
- 当在展示烤面包机时执行的操作可能会导致问题或不良后果时。
- 当消息需要大量信息或更详细的解释时。
- 当信息已经以另一种形式显示在屏幕上时。
§屏幕上的位置
烤面包机显示在右下角。
它的外部边距是:底部 M(8 像素),右侧 XL(20 像素)。
§定制
Toast 的内容可能与标准内容不同;如果用例需要,它可能包括库中的任何可用组件。