显示微件

“链接”微件 链接

“链接”微件用于显示可点击的链接。链接可与数据源绑定,例如,绑定后用户可点击由其他用户创建的链接。

用法

将“链接”微件拖到页面上,然后使用属性编辑器来配置其文本、外观和功能。

常规工作流

  • 为应用的用户提供可点击的链接。
  • 将链接绑定到数据源,以便用户轻松打开由他人添加的链接。
  • 设置 onclick 操作,以执行预先配置的操作,例如导航至您的应用中的其他页面,或者重新加载数据源。

样式

使用操作栏中的主题背景选择器来控制链接的显示方式。

其他信息

API 提供了有关此微件样式、属性、方法和事件的更多信息。

示例

许多示例模板都使用了链接。

“图片”微件 图片

“图片”微件用于显示在应用外部托管的图片。

用法

将“图片”微件拖到页面上,然后使用属性编辑器来配置其功能。

常规工作流

  • 将托管图片的网址添加到 url 属性中。
  • 使用 href 属性让用户点击图片后离开您的应用。
  • 使用 onClick 事件让用户点击图片后导航至应用的其他位置。

样式

使用操作栏中的主题背景选择器来控制微件的外观。

其他信息

API 提供了有关此微件样式、属性、方法和事件的更多信息。

示例

许多示例模板都使用了图片。

“Google 地图”微件 Google 地图

“Google 地图”微件用于在您的应用中显示地图。

用法

将“Google 地图”微件拖到页面上,然后使用属性编辑器来配置其功能。

常规工作流

  • 使用 address 属性,以自定义当用户加载页面时要居中显示地图的位置。
  • 将地图绑定到数据源,以便用户能够输入地址并在地图上显示它们。

样式

“Google 地图”微件没有预先配置的样式选项。

其他信息

“Google 地图”微件使用 Maps JavaScript API,它需要一个 API 密钥。将“Google 地图”微件拖到面板中后,Google 应用制作工具会显示缺少 API 密钥的错误。要添加 API 密钥,请执行以下步骤:

  1. 请您的 G Suite 管理员提供贵组织的密钥,或获取一个 API 密钥
  2. 在应用制作工具中,打开您的应用。将“Google 地图”微件添加到页面中(如果尚未添加)。
  3. 通过点击“Google 地图”微件来打开微件的属性编辑器。
  4. apiKey 框中,粘贴 API 密钥。

应用制作工具 API 文档详细介绍了此微件的样式、属性、方法和事件。

“帮助图标”微件 帮助图标

“帮助图标”微件用于在应用中显示弹出式窗口提示。

用法

将“帮助图标”微件拖到页面上,然后使用属性编辑器来配置其文本、外观和功能。

常规工作流

  • 将提示文本添加到 html 属性中。

样式

“帮助图标”微件没有预先配置的样式选项。

其他信息

API 提供了有关此微件样式、属性、方法和事件的更多信息。

“旋转图标”微件 旋转图标

“旋转图标”微件用于向用户表明您的应用正在加载数据。

用法

将“旋转图标”微件拖到页面上,然后使用属性编辑器来配置其外观和功能。

常规工作流

  • 将旋转图标绑定到数据源,应用制作工具便会在数据源加载新数据时显示该图标。

样式

使用操作栏中的主题背景选择器来控制旋转图标的外观。

其他信息

API 提供了有关此微件样式、属性、方法和事件的更多信息。

示例

许多示例模板都使用了旋转图标。

“Html”微件 HTML

“HTML”微件用于显示任意 HTML。在编辑器中,“HTML”微件不会执行脚本或继承全局样式,因此在您预览或发布应用时,该微件可能会看起来略有不同。

用法

将“HTML”微件拖到页面上,然后使用属性编辑器来配置其文本、外观和功能。

常规工作流

  • 使用 HTML 属性以显示文本。

样式

其他信息

API 提供了有关此微件样式、属性、方法和事件的更多信息。

示例

许多示例模板都使用了“HTML”微件。

“分页器”微件 分页器

“分页器”微件用于支持用户浏览应用的多个页面。

用法

将“分页器”微件拖到页面上,然后使用属性编辑器来配置其文本、外观和功能。

常规工作流

  • 为用户提供一种简单的方式来浏览您的应用。
  • 使用 nextEnabledpreviousEnabled 属性来控制用户点击分页器后发生的情况。

样式

“分页器”微件没有预先配置的样式选项。

其他信息

API 提供了有关此微件样式、属性、方法和事件的更多信息。

示例

许多示例模板都使用了“分页器”微件。