基于卡片的接口

附加卡片示例

Google Workspace 插件会显示信息和用户 边栏中的 主机应用 界面。插件包含一个标识名的主工具栏,以及一个或多个 卡片

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

卡片可以是非内容相关卡片,也可以是内容相关卡片。系统显示了内容相关卡片 在用户处于特定上下文时通知用户例如: 。非内容相关卡片(例如 首页)向用户显示 主机特定上下文之外。例如,当用户 查看 Gmail 收件箱、云端硬盘文件夹或日历。

使用 Apps 脚本构建的 Google Workspace 插件使用 卡片服务,用于根据 卡片。用其他语言构建的插件 必须返回格式正确的 JSON,以便接口呈现为卡片。

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

基于卡片的接口具有以下优势:

  • 无需了解 HTML 或 CSS,即可创建基于卡片的界面。
  • 系统会自动为卡片和微件设置样式, 扩展的 Google Workspace 应用。
  • 基于卡片的界面同时适用于桌面设备和移动设备,但您只能 我们只需要定义一次接口

创建基于卡片的接口

在构建基于卡片的插件时,务必了解 概念和设计模式。以下指南提供了 您需要构建有效的卡片插件:

在制作卡片并进行 界面行为。以下附加示例可能也有助于您 实现插件时的参考: