Interfejsy oparte na kartach

Uwaga: dodatki Google Workspace są oparte na kartach.

Przykładowa karta dodatku

Dodatki Google Workspace wyświetlają informacje i opcje użytkownika na pasku bocznym interfejsu aplikacji hosta. Dodatek składa się z głównego paska narzędzi z identyfikatorem oraz co najmniej 1 karty.

Każda karta reprezentuje określoną „stronę” interfejsu dodatku, a przejście do nowej karty polega zwykle na utworzeniu tej karty i przesłaniu jej do wewnętrznego stosu kart. Aby zapewnić użytkownikom bogate wrażenia, możesz zdefiniować przepływy nawigacji między kartami.

Karty mogą być niekontekstualne lub kontekstualne. Karty kontekstowe są wyświetlane użytkownikowi, gdy aplikacja hostująca znajduje się w określonym kontekście. na przykład podczas otwierania wiadomości w Gmailu lub wydarzenia w Kalendarzu. Karty bez kontekstu (np. strony główne) są wyświetlane użytkownikowi poza konkretnym kontekstem hosta. Na przykład gdy użytkownik wyświetla skrzynkę odbiorczą Gmaila, główny folder na Dysku lub Kalendarz.

Dodatki Google Workspace utworzone w Apps Script korzystają z usługi kart do tworzenia interfejsów użytkownika na podstawie kart. Wtyczki utworzone w innych językach muszą zwracać prawidłowo sformatowany kod JSON, aby interfejs mógł je renderować jako karty.

Każda karta składa się z nagłówka i co najmniej 1 sekcji. Każda sekcja składa się z zestawu widżetów. Widgety wyświetlają informacje użytkownikowi lub udostępniają elementy sterujące, takie jak przyciski.

Interfejsy oparte na kartach mają te zalety:

  • Aby tworzyć interfejsy oparte na kartach, nie trzeba znać HTML ani CSS.
  • Karty i widżety są automatycznie stylizowane tak, aby dobrze współpracowały z aplikacjami Google Workspace, które rozszerzają.
  • Interfejsy oparte na kartach działają zarówno na komputerach, jak i na urządzeniach mobilnych, ale musisz zdefiniować interfejs tylko raz.

Tworzenie interfejsów opartych na kartach

Podczas tworzenia dodatków opartych na kartach ważne jest zrozumienie pewnych koncepcji i wzorców projektowania. W tych przewodnikach znajdziesz informacje potrzebne do tworzenia skutecznych dodatków na kartach:

Odwołuj się do tych stron podczas tworzenia kart i wdrażania zachowania interfejsu użytkownika. Podczas implementowania dodatku możesz też skorzystać z tych dodatkowych przykładów: