Interfejsy oparte na kartach

Przykładowa karta dodatku

Dodatki do Google Workspace wyświetlają informacje i opcje użytkownika na pasku bocznym w interfejsie aplikacji hosta. Dodatek składa się z głównego paska narzędzi umożliwiającego identyfikację i co najmniej 1 karty.

Każda karta reprezentuje konkretną „stronę” interfejsu dodatku, a przejście do nowej karty zazwyczaj polega na utworzeniu karty i przekazaniu jej na wewnętrzny stos kart. Możesz zdefiniować przepływy nawigacji między kartami, aby zwiększyć możliwości interakcji.

Karty mogą być niekontekstowe lub kontekstowe. Karty kontekstowe są pokazywane użytkownikowi, gdy aplikacja hostująca działa w określonym kontekście. na przykład podczas otwierania wiadomości w Gmailu lub wydarzenia w Kalendarzu. Karty niekontekstowe (takie jak strony główne) są wyświetlane użytkownikowi poza określonym kontekstem hosta. Dzieje się tak na przykład wtedy, gdy użytkownik przegląda swoją skrzynkę odbiorczą w Gmailu, główny folder na Dysku lub Kalendarz.

Dodatki do Google Workspace wbudowane w Apps Script wykorzystują usługę karty do tworzenia interfejsów użytkownika na podstawie kart. Dodatki utworzone w innych językach muszą zwracać poprawnie sformatowany plik JSON, by interfejs był renderowany jako karty.

Każda karta składa się z nagłówka i co najmniej 1 sekcji karty. Każda sekcja składa się z zestawu widżetów. Widżety wyświetlają informacje użytkownikom lub zapewniają elementy sterujące interakcjami, np. przyciski.

Interfejs oparty na kartach ma następujące zalety:

  • Aby tworzyć interfejsy oparte na kartach, nie musisz znać się na języku HTML ani CSS.
  • Karty i widżety są automatycznie dostosowywane tak, aby dobrze działały z rozszerzanymi aplikacjami Google Workspace.
  • Interfejsy kart działają zarówno na komputerach, jak i urządzeniach mobilnych, ale wystarczy zdefiniować interfejs tylko raz.

Tworzenie interfejsów opartych na kartach

Przy tworzeniu dodatków opartych na kartach ważne jest, by rozumieć określone koncepcje i wzorce projektowe. Te przewodniki zawierają informacje, które pomogą Ci tworzyć skuteczne dodatki oparte na kartach:

Odwołuj się do tych stron podczas tworzenia kart i implementowania interfejsu. Podczas wdrażania dodatku mogą Ci się przydać te dodatkowe przykłady: