卡片

基于卡片的 Google Workspace 插件会显示为侧边栏中的窗格(或在移动设备上显示为可通过菜单访问的另一个活动窗口)。该插件的顶部工具栏会标识插件并显示卡片,即插件界面的“页面”。Google Apps 脚本使用 Card 对象表示项目代码中的卡片。

卡片结构

显示联系信息的加购卡示例

卡片是您设计的一组界面元素。卡片包含以下部分:

  • 卡片标题。用于标识卡片。它包含标题文本,还可以选择性地包含副标题和图标。
  • 一个或多个卡片部分。这些是卡片界面区域的细分部分。部分可以有文本部分标题。卡片上的各个卡片部分之间通过水平线分隔开。如果卡片部分特别大,系统会自动将其呈现为可折叠的部分,用户可以根据需要展开或折叠该部分。一张卡片最多可以包含 100 个卡片部分,但为了获得更好的效果,最好只包含几个。

  • 每个卡片部分都包含一个或多个界面微件。微件可为用户提供信息或互动式控件。卡片和卡片部分是结构性 widget,因此您无法将它们添加到卡片部分。一个卡片部分最多可包含 100 个 widget,并且应尽可能简洁,以获得最佳性能。

您应围绕特定用户活动或数据集设计卡片。例如,一个显示从 Google 表格中提取的数据的 Google Workspace 加载项可能会为每个提取数据的表格分别显示一张卡片。

使用多张卡片

显示简单界面的加购项卡片示例

加购项通常包含多张卡片。您可以将这些卡片配置为列表以实现基本导航,也可以配置更复杂的导航方法来控制用户在卡片之间的移动方式。如需了解详情,请参阅使用多张卡片进行基本导航

如果该插件使用基本导航,则当首次打开该插件时,其扩展的 Google Workspace 应用会构建卡片标题列表并将其呈现给用户。点击卡片标题即可打开相应卡片。此外,还提供了一个返回箭头,用于返回到卡片标题列表。您无需对标题和返回箭头功能进行编码,因为当您在插件中定义卡片时,系统会自动完成此操作。

设计插件时,最好限制一次显示的卡片数量,因为卡片必须共享有限的屏幕空间。最好还应避免卡片中出现不必要的复杂性

出于性能方面的考虑,您无法向卡片添加超过 100 个 widget 或 100 个卡片部分。