Interfejsy oparte na kartach

Przykładowa karta dodatku

Dodatki do Google Workspace prezentują informacje i nazwę użytkownika na pasku bocznym narzędzia aplikacja hostująca Interfejs. Dodatek składa się z głównego paska narzędzi identyfikującego oraz .

Każda karta reprezentuje konkretną „stronę” interfejsu użytkownika dodatku, otwieranie nowej karty zwykle jest sedna sprawy, przeniesienie jej do wewnętrznego stosu kart. Możesz zdefiniować przepływy nawigacji między kartami, aby zapewnić jeszcze lepsze wrażenia z interakcji.

Karty mogą być niekontekstowe lub kontekstowe. Wyświetlane są karty kontekstowe w określonym kontekście. Przykład: podczas otwierania wiadomości w Gmailu lub wydarzenia w Kalendarzu. Karty niezwiązane z kontekstem (np. strony głównej) są prezentowane użytkownikowi. poza kontekstem hosta. Jeśli na przykład użytkownik jest wyświetlając skrzynkę odbiorczą Gmaila, główny folder Dysku lub Kalendarz.

Dodatki do Google Workspace wbudowane w Apps Script używają Usługa karty do tworzenia interfejsów użytkownika kartami. Dodatki utworzone w innych językach musi zwracać prawidłowo sformatowany plik JSON, aby interfejs renderował się jako karty.

Każda karta składa się z nagłówka i co najmniej 1 sekcji karty. Każda sekcja jest złożony z zestawu widżetów. Widżety wyświetlania informacji użytkownikowi ani elementów sterujących interakcjami, takich jak przyciski;

Interfejsy oparte na kartach mają następujące zalety:

  • Tworzenie interfejsów opartych na kartach nie wymaga znajomości języka HTML ani CSS.
  • Styl kart i widżetów jest automatycznie dostosowany do Rozszerzają zakres aplikacji Google Workspace.
  • Interfejsy oparte na kartach działają zarówno na komputerach, jak i na urządzeniach mobilnych, ale tylko trzeba zdefiniować interfejs raz.

Tworzenie interfejsów opartych na kartach

Tworząc dodatki oparte na kartach, musisz wiedzieć, koncepcjach i wzorcach projektowych. Informacje zawarte w tych przewodnikach potrzebne są:

Odwołuj się do tych stron podczas tworzenia kart i implementowania Działanie interfejsu użytkownika. Mogą Ci się też przydać poniższe dodatkowe przykłady, odniesienia przy wdrażaniu dodatku: