Google Workspace-Add-ons enthalten Informationen und Nutzerinformationen in der Seitenleiste der Hostanwendung UI. Ein Add-on besteht aus einer Hauptsymbolleiste und einer oder mehreren Karten.
Jede Karte repräsentiert eine bestimmte „Seite“ der Benutzeroberfläche des Add-ons und die Navigation zu einer neuen Karte die Karte zu erstellen und in einen internen Kartenstapel schieben. Sie können Navigationsflüsse zwischen Karten definieren, um eine umfassende Interaktion zu ermöglichen.
Karten können nicht kontextbezogen oder kontextbezogen sein. Kontextbezogene Karten wenn sich die Hostanwendung in einem bestimmten Kontext befindet. Beispiel: wenn Sie eine Gmail-Nachricht oder einen Kalendertermin öffnen. Nicht kontextbezogene Karten (z. B. Startseiten) werden dem Nutzer angezeigt. und zwar außerhalb des Kontexts des Hosts. Wenn Nutzende zum Beispiel im Gmail-Posteingang, im Drive-Hauptordner oder in Google Kalender ansehen.
In Apps Script erstellte Google Workspace-Add-ons nutzen die Kartendienst zum Erstellen von Benutzeroberflächen aus Karten. In anderen Sprachen erstellte Add-ons muss korrekt formatierte JSON-Daten zurückgeben, damit die Schnittstelle als Karten dargestellt wird.
Jede Karte besteht aus einer Kopfzeile und mindestens einem Kartenabschnitt. Jeder Abschnitt ist aus einer Reihe von Widgets besteht. Widgets Informationen anzuzeigen oder Interaktionssteuerung wie Schaltflächen zur Verfügung zu stellen.
Kartenbasierte Oberflächen bieten folgende Vorteile:
- Zum Erstellen kartenbasierter Oberflächen sind keine HTML- oder CSS-Kenntnisse erforderlich.
- Karten und Widgets werden automatisch so gestaltet, dass sie gut mit dem Erweiternde Google Workspace-Anwendungen
Kartenbasierte Oberflächen funktionieren sowohl auf Desktop- als auch auf Mobilgeräten. die Schnittstelle einmal definieren müssen.
Kartenbasierte Schnittstellen erstellen
Beim Erstellen kartenbasierter Add-ons ist es wichtig, von Konzepten und Designmustern. In den folgenden Leitfäden finden Sie Informationen dazu, müssen Sie effektive kartenbasierte Add-ons entwickeln:
- Infokarten
- Startseiten
- Widgets
- Aktionen
- Ereignisobjekte
- Karten erstellen
- Interaktive Karten erstellen
- Zwischen Karten wechseln
- Universelle Aktionen verwenden
- Automatische Vervollständigung bei Texteingaben
- Auf Nutzersprachen und -zeitzonen zugreifen
- Verbindung zu Diensten von Drittanbietern herstellen
- Style guide
- Best Practices
Verweisen Sie beim Erstellen von Karten und Implementieren von Verhalten der Benutzeroberfläche Die folgenden zusätzlichen Beispiele könnten auch nützlich sein, wenn Sie Ihr Add-on implementieren:
Google Workspace-Add-on „Katzen“ Kurzanleitung
Dieses Add-on-Beispiel zeigt eine einfache UI für das Google Workspace-Add-on mit mehreren Seiten und Startseiten.
Google Workspace-Add-on: „Übersetzen“
Dieses Add-on-Beispiel zeigt ein Google Workspace-Add-on, mit dem Nutzer Text aus in Google Docs, Google Tabellen und Google Präsentationen.
Google Workspace-Add-on: „Teamliste“
Dieses Add-on-Beispiel zeigt ein komplexeres Beispiel für ein Google Workspace-Add-on, das Folgendes zeigt: Informationen zu den Empfängern von Gmail-Nachrichten, Drive-Dateieditoren oder Teilnehmer des Kalendertermins. Sie können dieses Add-on nur innerhalb einer Domain verwenden. werden Daten über die Directory API abgerufen Nutzerdaten.