Kartenbasierte Oberflächen

Google Workspace-Add-ons sind kartenbasiert. Editor-Add-ons basieren auf HTML.

Beispiel für eine Google Workspace-Add‑on-Kartenoberfläche.

Add-ons präsentieren Informationen und Steuerelemente in der Seitenleiste der Benutzeroberfläche der Hostanwendung. Ein Google Workspace-Add-on besteht aus einer Hauptsymbolleiste zur Identifizierung und einer oder mehreren Karten.

Jede Karte stellt eine bestimmte „Seite“ der Benutzeroberfläche Ihres Add-ons dar. Um zu einer neuen Karte zu wechseln müssen Sie diese Karte in der Regel nur erstellen und auf einen internen Kartenstapel legen. Sie können Navigationsabläufe zwischen Karten definieren, um eine umfassende Interaktion zu ermöglichen.

Karten können nicht kontextbezogen oder kontextbezogen sein. Kontextbezogene Karten werden dem Nutzer angezeigt, wenn sich die Hostanwendung in einem bestimmten Kontext befindet, z. B. beim Öffnen einer Gmail-Nachricht oder eines Google Kalender-Termins. Nicht kontextbezogene Karten (z. B. Startseiten) werden dem Nutzer außerhalb eines bestimmten Kontexts des Hosts angezeigt, z. B. wenn der Nutzer seinen Gmail-Posteingang, den Hauptordner von Google Drive oder Google Kalender aufruft.

Google Workspace-Add-ons, die in Google Apps Script erstellt wurden, verwenden den Kartendienst, um Benutzeroberflächen aus Karten zu erstellen. Add-ons, die in anderen Sprachen erstellt wurden, müssen korrekt formatiertes JSON zurückgeben, damit die Benutzeroberfläche als Karten gerendert werden kann.

Jede Karte besteht aus einer Kopfzeile und einem oder mehreren Kartenabschnitten. Jeder Abschnitt besteht aus einer Reihe von Widgets. Widgets zeigen dem Nutzer Informationen an oder bieten Interaktionssteuerelemente wie Schaltflächen.

Kartenbasierte Benutzeroberflächen haben folgende Vorteile:

  • Für die Erstellung kartenbasierter Benutzeroberflächen sind keine HTML- oder CSS-Kenntnisse erforderlich.
  • Karten und Widgets werden automatisch so formatiert, dass sie gut mit den Google Workspace-Anwendungen funktionieren, die sie erweitern.
  • Kartenbasierte Benutzeroberflächen funktionieren sowohl auf Computern als auch auf Mobilgeräten. Sie müssen die Benutzeroberfläche nur einmal definieren.

Gmail ist die einzige Hostanwendung, die auf Mobilgeräten durch Google Workspace-Add-ons erweitert werden kann.

Kartenbasierte Benutzeroberflächen erstellen

Beim Erstellen kartenbasierter Add-ons ist es wichtig, bestimmte Konzepte und Designmuster zu verstehen. In den folgenden Leitfäden finden Sie die Informationen, die Sie zum Erstellen effektiver kartenbasierter Add-ons benötigen:

Verwenden Sie diese Seiten als Referenz, wenn Sie Karten erstellen und das Verhalten der Benutzeroberfläche implementieren. Die folgenden zusätzlichen Beispiele können auch bei der Implementierung Ihres Add-ons hilfreich sein: