对话框

对话框是一种出现在应用程序前面的模态窗口,用于显示需要用户立即响应的任务信息。

对话框可以是需要用户交互的提示框,也可以是选择或确认对话框,需要用户做出选择或确认选择。对话框会一直保持焦点,直到被关闭或执行所需操作为止。由于对话框会打断用户操作,因此应谨慎使用。

对话框与提示框相关(两者都是对话框组件家族的成员),但它们的用途和优先级不同,如下表所示。

成分目的优先事项
祝酒显示一条信息提示信息。无需用户交互。8 秒后消失。低的
对话显示需要用户交互的信息和任务选项。对话框会保持焦点,直到用户做出响应。高的

解剖学

对话框包含信息文本和用户界面控件,用于请求用户响应。

1. 对话框背景
2. 卡片标题
3. 内容领域
4. 卡牌行动区域

规格

标注图标
按钮组件
规格、风格指南及其他
标注图标
列表项组件
规格、风格指南及其他

无标题对话

带标题的对话

带有居中标题的对话框

可滚动对话框

定制

通过自定义对话框的以下方面来展现您的品牌:

  • 字体
  • 激活、非激活和禁用按钮的样式
  • 按钮尺寸和位置

示例

标题为“日”的对话
标题为“夜晚”的对话
可滚动对话框 - 日
可滚动对话框 - 夜间
对话进行中