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ą:
- Karty
- Strony główne
- Widżety
- Działania
- Obiekty zdarzeń
- Karty budowlane
- Tworzenie interaktywnych kart
- Przechodzenie między kartami
- Korzystanie z działań uniwersalnych
- Dodawanie autouzupełniania do pól tekstowych
- Uzyskiwanie dostępu do lokalizacji i stref czasowych użytkowników
- Łączenie z usługami innych firm
- Przewodnik stylistyczny
- Sprawdzone metody
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:
Dodatek do Google Workspace „Koty” krótkie wprowadzenie
Ten przykładowy dodatek przedstawia prosty interfejs dodatku do Google Workspace z wieloma stronami strony główne.
Dodatek do Google Workspace: „Tłumacz”
Ten przykładowy dodatek przedstawia dodatek do Google Workspace, który umożliwia użytkownikom tłumaczenie tekstu z: w Dokumentach, Arkuszach i Prezentacjach.
Dodatek do Google Workspace: „Lista zespołów”
Ten przykładowy dodatek pokazuje bardziej złożony proces Przykładowy dodatek do Google Workspace, na którym widać informacje o odbiorcach wiadomości w Gmailu, edytorach plików na Dysku; Uczestnicy wydarzeń z kalendarza. Tego dodatku możesz używać tylko w domenie, ponieważ używa interfejsu Directory API do pobierania informacje o użytkowniku.