基于卡片的界面

附加卡示例

Google Workspace 插件在主应用界面的边栏中显示信息和用户控件。插件包括一个主标识工具栏以及一张或多张卡片

每张卡片都代表一个插件界面的特定页面,导航到新卡通常只需要创建该卡并将其推送到内部卡堆栈。您可以定义卡片之间的导航流程,以获得丰富的互动体验。

卡片可以是非内容相关内容相关。当主机应用在特定上下文中时,系统会向用户显示上下文卡片。例如,打开 Gmail 邮件或日历活动时。非上下文卡片(例如首页)会在主机的特定上下文之外向用户显示。例如,当用户查看 Gmail 收件箱、主云端硬盘文件夹或日历时。

在 Apps 脚本中构建的 Google Workspace 插件使用卡片服务卡片为基础创建界面。使用其他语言构建的插件必须返回格式正确的 JSON,接口才能以卡片形式呈现。

每张卡片都包含一个标题和一个或多个卡片部分。每个部分由一组微件组成。微件会向用户显示信息或提供按钮等互动控件。

基于卡片的界面具有以下优势:

  • 无需具备 HTML 或 CSS 知识,即可创建基于卡片的界面。
  • 卡片和微件会自动设置样式,以便与它们扩展的 Google Workspace 应用完美搭配。
  • 基于卡片的接口适用于桌面设备和移动设备,但您只需定义一次接口。

创建基于卡片的界面

构建基于卡片的插件时,了解某些概念和设计模式非常重要。以下指南提供了所需信息,以便您构建有效的基于卡片的插件:

在创建卡片并实现界面行为时,请参考这些页面。在实现插件时,您可能还会发现以下可供参考的更多示例: