卡片

卡片式插件会以窗格的形式显示在边栏中(在移动设备上,插件也会以其他窗格的形式显示) 活动窗口)。该插件有一个顶部工具栏 识别插件并显示卡片(本质上是“网页”)的 插件的界面。Apps 脚本使用 Card 对象。

卡片剖析

附加卡片示例

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

  • 卡片标题。用于标识这些卡。包含标题文字,可能 字幕和图标(可选)。
  • 一个或多个卡片部分。这些是卡片界面区域的细分。 版块可以有文本版块标题。 卡片上的各个卡片部分通过水平规则相互分隔。 如果卡片部分特别大,它会自动以 供用户根据需要展开或收起的可收起部分。 一张卡片最多只能包含 100 个卡片部分, 建议您设置几个过滤条件,以便获得更好的效果。

  • 每个卡片部分都包含一个或多个界面 widgets。微件可为用户提供 信息或交互式控件。卡片和卡片部分 structural 微件,因此您无法将这些微件添加到卡片部分中。卡片 部分的微件不得超过 100 个, 并且应尽可能简单明了,以便获得最佳效果

您应围绕特定用户活动或数据集设计卡片。对于 例如 Google Workspace 插件 对于在 Google 表格中提取的文件,它提取的每个工作表都有单独的卡片 数据来源。

使用多张卡片

附加卡片示例

插件通常由多张卡片组成。您可以配置这些 简单列表来显示 显示多张卡片的基本导航 或者配置更复杂的 导航方法 以控制用户在卡片之间的移动方式。

如果该插件使用基本导航,则 插件首次打开时 它扩展的 Google Workspace 应用会构建一个 卡片标题的列表,并将这些信息呈现给用户。点击卡片 标题会打开该卡片。还提供了返回箭头,用于返回卡片 标头列表。您无需对标题和返回箭头进行编码 设置功能时,系统会自动完成此操作。 插件。

在设计插件时,最好 限制卡片数量 因为卡片必须占用有限的屏幕空间。 此外,最好避免卡片产生不必要的复杂性