Kartenbasierte Schnittstellen

Beispiel für Add-on-Karte

Informationen und Nutzereinstellungen für Google Workspace-Add-ons werden in der Seitenleiste der Benutzeroberfläche der Hostanwendung angezeigt. Ein Add-on besteht aus einer Hauptsymbolleiste und einer oder mehreren Karten.

Jede Karte steht für eine bestimmte Seite der UI des Add-ons. Das Aufrufen einer neuen Karte ist in der Regel nur eine Aufgabe der Erstellung dieser Karte und deren Übertragung in einen internen Kartenstapel. Sie können Navigationsabläufe zwischen Karten definieren, um eine umfassende Interaktion zu ermöglichen.

Infokarten können keinen Kontext oder keinen Kontext haben. Kontextkarten werden dem Nutzer angezeigt, wenn sich die Hostanwendung in einem bestimmten Kontext befindet. z. B. beim Öffnen einer Gmail-Nachricht oder eines Kalendertermins. Karten ohne Kontext (z. B. Startseiten) werden dem Nutzer außerhalb eines bestimmten Kontexts des Hosts angezeigt. z. B. wenn ein Nutzer gerade seinen Gmail-Posteingang, seinen Drive-Hauptordner oder seinen Kalender aufruft.

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

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 Interaktionssteuerungen wie Schaltflächen.

Kartenbasierte Schnittstellen bieten folgende Vorteile:

  • Zum Erstellen kartenbasierter Schnittstellen sind keine HTML- oder CSS-Kenntnisse erforderlich.
  • Karten und Widgets werden automatisch so gestaltet, dass sie mit den erweiterten Google Workspace-Anwendungen funktionieren.
  • Kartenbasierte Schnittstellen funktionieren sowohl auf Computern als auch auf Mobilgeräten, müssen jedoch nur einmal definiert werden.

Kartenbasierte Schnittstellen erstellen

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

Diese Seiten sollten Sie berücksichtigen, wenn Sie Karten erstellen und UI-Verhalten implementieren. Die folgenden zusätzlichen Beispiele können bei der Implementierung Ihres Add-ons hilfreich sein: