卡片式介面

外掛程式資訊卡範例

Google Workspace 外掛程式可以顯示資訊與使用者 側欄中的控制項 託管應用程式 第一種是使用無代碼解決方案 AutoML 透過使用者介面建立機器學習模型外掛程式是由主要的識別工具列以及一或多個元件所組成 資訊卡

每張資訊卡都代表特定「頁面」使用者介面的顯示設定。 前往新資訊卡通常只是 例如建立資訊卡 並推送至內部卡片堆疊中。 您可以定義資訊卡之間的導覽流程,提供豐富的互動體驗。

資訊卡可以是與情境無關的關聯內容。顯示內容資訊卡 向使用者發送通知。例如: 使用者開啟 Gmail 郵件或日曆活動時選擇這個選項。非內容資訊卡 (例如 首頁)。 而非主機特定情境中的 IP 位址例如,當使用者 檢視 Gmail 收件匣、主要雲端硬碟資料夾或 Google 日曆。

內建 Apps Script 的 Google Workspace 外掛程式會使用 資訊卡服務,用於建立使用者介面 資訊卡內建其他語言的外掛程式 必須傳回格式正確的 JSON,介面才會以資訊卡的形式顯示。

每張資訊卡都包含一個標題和一或多個資訊卡區段。每個部分都是 由一組小工具組成。小工具 向使用者顯示資訊,或提供按鈕等互動控制項。

卡片式介面具備以下優點:

  • 不需要 HTML 或 CSS 就能建立卡片式介面。
  • 系統會自動調整資訊卡和小工具的樣式,使其與 擴充的 Google Workspace 應用程式。
  • 資訊卡式介面適用於電腦和行動裝置,但你只能使用 因此只需定義介面一次

建立卡片式介面

建構卡片式外掛程式時,請務必瞭解 包括概念和設計模式下列指南提供所需資訊 需要建立高效率的卡片式外掛程式

建立資訊卡及導入資訊卡時請參考以下頁面 使用者介面的行為。您也可以參考下列額外範例 請參考下列外掛程式: