Package google.apps.card.v1

Indeks

Działanie

Działanie opisujące zachowanie po przesłaniu formularza. Możesz na przykład wywołać skrypt Apps Script do obsługi formularza. Jeśli działanie zostanie wywołane, wartości z formularza zostaną przesłane do serwera.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
function

string

Funkcja niestandardowa wywoływana po kliknięciu lub w inny sposób aktywowanego elementu zawierającego jej treść.

Przykładowe użycie znajdziesz w artykule Odczytywanie danych formularzy.
parameters[]

ActionParameter

Lista parametrów działań.
loadIndicator

LoadIndicator

Określa wskaźnik wczytywania, który wyświetla się podczas wezwania do działania.
persistValues

bool

Wskazuje, czy wartości formularza utrzymują się po wykonaniu działania. Wartością domyślną jest false.

Jeśli ustawiona jest wartość true, wartości formularza pozostają po wywołaniu działania. Aby umożliwić użytkownikowi wprowadzanie zmian w trakcie przetwarzania działania, ustaw LoadIndicator na NONE. W przypadku wiadomości z kartą w aplikacjach Google Chat musisz też ustawić ResponseType działania na UPDATE_MESSAGE i użyć tego samego card_id na karcie, która zawiera działanie.

Jeśli ustawiona jest wartość false, wartości formularza są czyszczone po wywołaniu działania. Aby uniemożliwić użytkownikowi wprowadzanie zmian w trakcie przetwarzania działania, ustaw opcję LoadIndicator na SPINNER.
interaction

Interaction

Opcjonalnie. Wymagane przy otwieraniu okna.

Co zrobić w reakcji na interakcję z użytkownikiem, np. kliknięcie przycisku w wiadomości na karcie.

Jeśli nie określono inaczej, aplikacja zareaguje, wykonując typową regułę action – np. otwierając link lub uruchamiając funkcję.

Jeśli określisz właściwość interaction, aplikacja będzie mogła odpowiadać na specjalne sposoby interaktywne. Jeśli na przykład ustawisz interaction na OPEN_DIALOG, aplikacja może otwierać okno. Jeśli ją określisz, wskaźnik wczytywania nie będzie się wyświetlał. Jeśli określisz dodatek w przypadku dodatku, cała karta będzie usunięta i nic nie będzie widoczne w kliencie.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

ActionParameter

Lista parametrów ciągu znaków, które mają być podawane po wywołaniu metody działania. Weźmy na przykład 3 przyciski drzemki: Odłóż teraz, Odłóż w przypadku jednego dnia i Odłóż w przyszłym tygodniu. Możesz użyć funkcji action method = snooze(), która przekazuje typ drzemki i czas drzemki na liście parametrów ciągu.

Więcej informacji: CommonEventObject.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
key

string

Nazwa parametru skryptu działania.
value

string

Wartość parametru.

Interakcja

Opcjonalnie. Wymagane przy otwieraniu okna.

Co zrobić w reakcji na interakcję z użytkownikiem, np. kliknięcie przycisku w wiadomości na karcie.

Jeśli nie określono inaczej, aplikacja zareaguje, wykonując typową regułę action – np. otwierając link lub uruchamiając funkcję.

Jeśli określisz właściwość interaction, aplikacja będzie mogła odpowiadać na specjalne sposoby interaktywne. Jeśli na przykład ustawisz interaction na OPEN_DIALOG, aplikacja może otwierać okno.

Jeśli ją określisz, wskaźnik wczytywania nie będzie się wyświetlał. Jeśli określisz dodatek w przypadku dodatku, cała karta będzie usunięta i nic nie będzie widoczne w kliencie.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Wartości w polu enum
INTERACTION_UNSPECIFIED Wartość domyślna. action uruchamia się normalnie.
OPEN_DIALOG

Otwiera okno – oparty na kartach interfejs, którego aplikacje Google Chat używają do interakcji z użytkownikami.

Obsługiwane tylko przez aplikacje do obsługi czatu w odpowiedzi na kliknięcia przycisków w wiadomościach dotyczących kart. Jeśli określisz dodatek w przypadku dodatku, cała karta będzie usunięta i nic nie będzie widoczne w kliencie.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

LoadIndicator

Określa wskaźnik wczytywania, który wyświetla się podczas wezwania do działania.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
SPINNER Wyświetla wskaźnik postępu ładowania treści.
NONE Nic nie jest wyświetlane.

BorderStyle

Opcje stylu obramowania karty lub widżetu, w tym typ i kolor obramowania.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
type

BorderType

Typ obramowania.
strokeColor

Color

Kolory używane, gdy typ to BORDER_TYPE_STROKE.
cornerRadius

int32

Promień narożnika obramowania.

BorderType

Reprezentuje typy obramowania zastosowane do widżetów.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
BORDER_TYPE_UNSPECIFIED Nie używaj. Nie określono.
NO_BORDER Wartość domyślna. Brak obramowania.
STROKE konspekt.

Przycisk

Tekst, ikona lub przycisk z tekstem i ikoną, który użytkownicy mogą kliknąć. Przykład użycia aplikacji Google Chat znajdziesz w sekcji Dodawanie przycisku.

Aby przekształcić obraz w klikalny przycisk, określ właściwość Image (nie ImageComponent) i ustaw działanie onClick.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
text

string

Tekst wyświetlany na przycisku.
icon

Icon

Obraz ikony. Jeśli ustawione są zarówno icon, jak i text, ikona pojawia się przed tekstem.
color

Color

Jeśli jest ustawiony, przycisk jest wypełniany jednolitym kolorem tła, a kolor czcionki zmienia się, aby zachować kontrast z tłem. Na przykład ustawienie niebieskiego tła prawdopodobnie spowoduje wyświetlenie białego tekstu.

Jeśli jej nie skonfigurujesz, tło obrazu będzie białe, a czcionka – niebieski.

W przypadku kolorów czerwonego, zielonego i niebieskiego wartością każdego pola jest liczba float, którą można wyrazić na jeden z dwóch sposobów: jako liczbę z zakresu od 0 do 255 podzielone przez 255 (153/255) lub jako wartość z zakresu od 0 do 1 (0,6). 0 oznacza brak koloru, a 1 lub 255/255 – pełną obecność tego koloru na skali RGB.

Opcjonalnie ustaw alpha, aby ustawić poziom przezroczystości za pomocą tego równania:

pixel color = alpha * (this color) + (1.0 - alpha) * (background color)

W przypadku alpha wartość 1 odpowiada jednolitym kolorowi, a wartość 0 – kolorowi całkowicie przezroczystemu.

Na przykład następujący kolor oznacza połową przezroczystego czerwonego koloru:

"color": {
   "red": 1,
   "green": 0,
   "blue": 0,
   "alpha": 0.5
}
onClick

OnClick

Wymagane. Działanie, które ma być wykonywane po kliknięciu przycisku przez użytkownika, na przykład otwarcie hiperlinku lub uruchomienie funkcji niestandardowej.
disabled

bool

Jeśli ustawiona jest wartość true, przycisk jest nieaktywny i nie reaguje na działania użytkownika.
altText

string

Tekst alternatywny używany w ułatwieniach dostępu.

Ustaw opis, który poinformuje użytkowników o działaniu przycisku. Jeśli na przykład przycisk otwiera hiperlink, możesz napisać: „Otwiera nową kartę przeglądarki i przechodzi do dokumentacji Google Chat dla deweloperów na stronie https://developers.google.com/workspace/chat"”.

ButtonList

Lista przycisków rozmieszczonych poziomo. Przykład użycia aplikacji Google Chat znajdziesz w sekcji Dodawanie przycisku.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
buttons[]

Button

Tablica przycisków.

Karta

Interfejs karty wyświetlany w wiadomości w Google Chat lub dodatku Google Workspace.

Karty mogą mieć zdefiniowany układ, interaktywne elementy interfejsu (np. przyciski) i multimedia, np. obrazy. Używaj kart, aby prezentować szczegółowe informacje, zbierać informacje od użytkowników i pomagać im w wykonaniu kolejnych kroków.

Projektuj karty i wyświetlaj ich podgląd za pomocą kreatora kart.

Otwórz kreator kart

Aby dowiedzieć się, jak tworzyć karty, zapoznaj się z tą dokumentacją:

Przykład: wiadomość na karcie w aplikacji Google Chat

Przykładowa wizytówka

Aby utworzyć przykładową wiadomość do karty w Google Chat, użyj tego kodu JSON:

{
  "cardsV2": [
    {
      "cardId": "unique-card-id",
      "card": {
        "header": {
           "title": "Sasha",
           "subtitle": "Software Engineer",
           "imageUrl":
           "https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png",
           "imageType": "CIRCLE",
           "imageAltText": "Avatar for Sasha"
         },
         "sections": [
           {
             "header": "Contact Info",
             "collapsible": true,
             "uncollapsibleWidgetsCount": 1,
             "widgets": [
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "EMAIL"
                   },
                   "text": "sasha@example.com"
                 }
               },
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "PERSON"
                   },
                   "text": "<font color=\"#80e27e\">Online</font>"
                 }
               },
               {
                 "decoratedText": {
                   "startIcon": {
                     "knownIcon": "PHONE"
                   },
                   "text": "+1 (555) 555-1234"
                 }
               },
               {
                 "buttonList": {
                   "buttons": [
                     {
                       "text": "Share",
                       "onClick": {
                        "openLink": {
                           "url": "https://example.com/share"
                         }
                       }
                     },
                     {
                       "text": "Edit",
                       "onClick": {
                         "action": {
                           "function": "goToView",
                           "parameters": [
                             {
                               "key": "viewType",
                               "value": "EDIT"
                             }
                           ]
                         }
                       }
                     }
                   ]
                 }
               }
             ]
           }
         ]
       }
    }
  ]
}
Pola
header

CardHeader

Nagłówek karty. Nagłówek zwykle zawiera obraz początkowy i tytuł. Nagłówki są zawsze wyświetlane na górze karty.
sections[]

Section

Zawiera kolekcję widżetów. Każda sekcja ma własny, opcjonalny nagłówek. Sekcje są wizualnie oddzielone linią. Przykład w przypadku aplikacji Google Chat znajdziesz w sekcji Definiowanie sekcji karty.
sectionDividerStyle

DividerStyle

Styl podziału między sekcjami.
cardActions[]

CardAction

Działania na karcie. Działania są dodawane do menu na pasku narzędzi karty.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

Na przykład ten plik JSON tworzy menu czynności karty z opcjami Settings i Send Feedback:

"cardActions": [
  {
    "actionLabel": "Settings",
    "onClick": {
      "action": {
        "functionName": "goToView",
        "parameters": [
          {
            "key": "viewType",
            "value": "SETTING"
         }
        ],
        "loadIndicator": "LoadIndicator.SPINNER"
      }
    }
  },
  {
    "actionLabel": "Send Feedback",
    "onClick": {
      "openLink": {
        "url": "https://example.com/feedback"
      }
    }
  }
]
name

string

Nazwa karty. Używany jako identyfikator karty w nawigacji po kartach.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.
fixedFooter

CardFixedFooter

Stała stopka widoczna u dołu tej karty.

Ustawienie fixedFooter bez określenia primaryButton lub secondaryButton powoduje błąd. W przypadku aplikacji do obsługi czatu możesz używać stałych stopek w oknach dialogowych, ale nie wiadomości kart.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.
displayStyle

DisplayStyle

W dodatkach do Google Workspace ustawia właściwości wyświetlania elementu peekCardHeader.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.
peekCardHeader

CardHeader

Podczas wyświetlania treści kontekstowych nagłówek karty podglądu pełni funkcję obiektu zastępczego, dzięki któremu użytkownik może przechodzić między kartami na stronie głównej a kartami kontekstowymi.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

CardAction

Działanie związane z kartą to działanie powiązane z kartą. Na przykład karta faktury może zawierać działania takie jak usunięcie faktury, wysłanie faktury e-mailem lub otwarcie faktury w przeglądarce.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

Pola
actionLabel

string

Etykieta wyświetlana jako element menu czynności.
onClick

OnClick

Działanie onClick dla tego działania.

CardFixedFooter

Stała (przyklejona) stopka wyświetlana u dołu karty.

Ustawienie fixedFooter bez określenia primaryButton lub secondaryButton powoduje błąd.

W przypadku aplikacji do obsługi czatu możesz używać stałych stopek w oknach dialogowych, ale nie wiadomości kart. Przykład w przypadku aplikacji Google Chat znajdziesz w artykule Dodawanie stałej stopki.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
primaryButton

Button

Przycisk główny stałej stopki. Przycisk musi być przyciskiem tekstowym z ustawionym tekstem i kolorem.
secondaryButton

Button

Przycisk drugiego przycisku stałej stopki. Przycisk musi być przyciskiem tekstowym z ustawionym tekstem i kolorem. Jeśli ustawiono secondaryButton, musisz też ustawić primaryButton.

CardHeader

Reprezentuje nagłówek karty. Przykład w przypadku aplikacji Google Chat znajdziesz w sekcji Dodawanie nagłówka.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
title

string

Wymagane. Tytuł nagłówka karty. Nagłówek ma stałą wysokość: jeśli określono zarówno tytuł, jak i podtytuł, każdy z nich zajmuje po jednym wierszu. Jeśli określono tylko tytuł, tekst zajmuje oba wiersze.
subtitle

string

Podtytuł nagłówka karty. Jeśli jest określona, wyświetla się w osobnym wierszu pod nagłówkiem title.
imageType

ImageType

Kształt użyty do przycięcia obrazu.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.
imageUrl

string

Adres URL HTTPS obrazu w nagłówku karty.
imageAltText

string

Alternatywny tekst tego obrazu używany w ułatwieniach dostępu.

DisplayStyle

W dodatkach do Google Workspace określa sposób wyświetlania karty.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

Wartości w polu enum
DISPLAY_STYLE_UNSPECIFIED Nie używaj. Nie określono.
PEEK Nagłówek karty pojawia się u dołu paska bocznego, częściowo zasłaniając bieżącą górną kartę stosu. Kliknięcie nagłówka powoduje umieszczenie karty na stosie kart. Jeśli karta nie ma nagłówka, zamiast niego zostanie użyty wygenerowany nagłówek.
REPLACE Wartość domyślna. Karta jest wyświetlana, zastępując widok górnej karty w stosie kart.

DividerStyle

Styl podziału karty. Obecnie używany tylko do oddzielania sekcji kart.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
DIVIDER_STYLE_UNSPECIFIED Nie używaj. Nie określono.
SOLID_DIVIDER Opcja domyślna. Renderuj jednolity separator między sekcjami.
NO_DIVIDER Jeśli jest ustawione, separator między sekcjami nie jest renderowany.

Sekcja

Sekcja zawiera zbiór widżetów, które są renderowane w pionie w określonej kolejności.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
header

string

Tekst widoczny u góry sekcji. Obsługuje prosty tekst w formacie HTML. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace.
widgets[]

Widget

Wszystkie widżety w sekcji. Musi zawierać co najmniej jeden widżet.
collapsible

bool

Wskazuje, czy sekcję można zwijać.

Zwijane sekcje ukrywają niektóre lub wszystkie widżety, ale użytkownicy mogą rozwinąć sekcję, aby zobaczyć ukryte widżety, klikając Pokaż więcej. Użytkownicy mogą ponownie ukryć widżety, klikając Pokaż mniej.

Aby określić, które widżety mają być ukryte, wybierz uncollapsibleWidgetsCount.
uncollapsibleWidgetsCount

int32

Liczba widżetów niezwijanych, które pozostają widoczne nawet po zwinięciu sekcji.

Jeśli na przykład sekcja zawiera pięć widżetów, a uncollapsibleWidgetsCount ma wartość 2, pierwsze dwa widżety są zawsze wyświetlane, a trzy ostatnie są domyślnie zwinięte. Wartość uncollapsibleWidgetsCount jest brana pod uwagę tylko wtedy, gdy pole collapsible ma wartość true.

Kolumny

Widżet Columns wyświetla maksymalnie 2 kolumny na karcie lub w oknie. Do każdej kolumny możesz dodawać widżety – są one wyświetlane w określonej kolejności. Przykład w przypadku aplikacji Google Chat znajdziesz w artykule Wyświetlanie kart i okien w kolumnach.

Wysokość każdej kolumny jest określana na podstawie wyższej kolumny. Jeśli na przykład pierwsza kolumna jest wyższa od drugiej, obie kolumny będą mieć wysokość pierwszej kolumny. Każda kolumna może zawierać różną liczbę widżetów, więc nie można definiować wierszy ani wyrównywać widżetów między kolumnami.

Kolumny są wyświetlane obok siebie. Grubość każdej kolumny możesz dostosować w polu HorizontalSizeStyle. Jeśli szerokość ekranu użytkownika jest zbyt wąska, druga kolumna otacza się pierwszą kolumną:

  • W przypadku internetu druga kolumna zawija się, jeśli szerokość ekranu jest mniejsza niż lub równa 480 pikseli.
  • Na urządzeniach z iOS druga kolumna zawija się, jeśli szerokość ekranu jest mniejsza niż lub równa 300 punktów.
  • Na urządzeniach z Androidem druga kolumna zawija się, jeśli szerokość ekranu jest mniejsza niż lub równa 320 dp.

Aby uwzględnić więcej niż 2 kolumny lub użyć wierszy, użyj widżetu Grid.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
columnItems[]

Column

Tablica kolumn. Na karcie lub w oknie dialogowym możesz umieścić maksymalnie 2 kolumny.

Kolumna

Kolumna.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
horizontalSizeStyle

HorizontalSizeStyle

Określa, jak kolumna wypełnia szerokość karty.
horizontalAlignment

HorizontalAlignment

Określa, czy widżety mają być wyrównane do lewej, prawej czy do środka kolumny.
verticalAlignment

VerticalAlignment

Określa, czy widżety mają się znajdować na górze, na dole czy na środku kolumny.
widgets[]

Widgets

Tablica widżetów w kolumnie. Widżety są wyświetlane w kolejności, w jakiej zostały określone.

HorizontalSizeStyle

Określa, jak kolumna wypełnia szerokość karty. Szerokość każdej kolumny zależy od HorizontalSizeStyle i szerokości widżetów w kolumnie.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
HORIZONTAL_SIZE_STYLE_UNSPECIFIED Nie używaj. Nie określono.
FILL_AVAILABLE_SPACE Wartość domyślna. Kolumna wypełni dostępną przestrzeń, do 70% szerokości karty. Jeśli obie kolumny mają wartość FILL_AVAILABLE_SPACE, każda z nich zajmuje 50% miejsca.
FILL_MINIMUM_SPACE Kolumna zajmuje najmniejszą możliwą ilość miejsca i nie więcej niż 30% szerokości karty.

VerticalAlignment

Określa, czy widżety mają się znajdować na górze, na dole czy na środku kolumny.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
VERTICAL_ALIGNMENT_UNSPECIFIED Nie używaj. Nie określono.
CENTER Wartość domyślna. Wyrównuje widżety do środka kolumny.
TOP Wyrównuje widżety do górnej części kolumny.
BOTTOM Wyrównuje widżety do dołu kolumny.

Widżety

obsługiwane widżety, które można uwzględnić w kolumnie;

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola

Pole sumy data.

data może mieć tylko jedną z tych wartości:
textParagraph

TextParagraph

Widżet TextParagraph.
image

Image

Widżet Image.
decoratedText

DecoratedText

Widżet DecoratedText.
buttonList

ButtonList

Widżet ButtonList.
textInput

TextInput

Widżet TextInput.
selectionInput

SelectionInput

Widżet SelectionInput.
dateTimePicker

DateTimePicker

Widżet DateTimePicker.

DateTimePicker

Umożliwia użytkownikom wpisanie daty, godziny lub zarówno daty, jak i godziny. Przykład związany z aplikacjami Google Chat znajdziesz w sekcji Zezwalanie użytkownikowi na wybór daty i godziny.

Użytkownicy mogą wpisywać tekst lub wybierać daty i godziny za pomocą selektora. Jeśli użytkownicy wpiszą nieprawidłową datę lub godzinę, w selektorze pojawi się komunikat o błędzie z prośbą o prawidłowe wpisanie informacji.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
name

string

Nazwa, pod którą element DateTimePicker jest identyfikowany w zdarzeniu wprowadzania danych w formularzu.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
label

string

Tekst, który prosi użytkowników o podanie daty, godziny lub daty i godziny. Jeśli na przykład użytkownicy planują spotkanie, użyj etykiety takiej jak Appointment date lub Appointment date and time.
type

DateTimePickerType

Określa, czy widżet umożliwia wpisywanie daty, godziny lub daty i godziny.
valueMsEpoch

int64

Wartość domyślna wyświetlana w widżecie (w milisekundach od czasu uniksowego).

Określ wartość na podstawie typu selektora (DateTimePickerType):

  • DATE_AND_TIME: data i godzina w kalendarzu w czasie UTC. Na przykład aby uwzględnić 1 stycznia 2023 r. o 12:00 czasu UTC, użyj pola 1672574400000.
  • DATE_ONLY: dzień kalendarzowy o godzinie 00:00:00 czasu UTC. Na przykład do określenia daty 1 stycznia 2023 r. użyj 1672531200000.
  • TIME_ONLY: czas w strefie czasowej UTC. Na przykład aby określić godzinę 12:00, użyj formatu 43200000 (lub 12 * 60 * 60 * 1000).
timezoneOffsetDate

int32

Liczba reprezentująca przesunięcie strefy czasowej od czasu UTC (w minutach). Jeśli jest ustawiona, value_ms_epoch jest wyświetlany w określonej strefie czasowej. Jeśli zasada nie jest skonfigurowana, domyślnie przyjmuje się ustawienie strefy czasowej użytkownika.
onChangeAction

Action

Wywoływane, gdy użytkownik kliknie Zapisz lub Wyczyść w interfejsie DateTimePicker.

DateTimePickerType

Format daty i godziny w widżecie DateTimePicker. Określa, czy użytkownicy mogą wprowadzać datę, godzinę lub jednocześnie datę i godzinę.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
DATE_AND_TIME Użytkownicy wpisują datę i godzinę.
DATE_ONLY Użytkownicy wpisują datę.
TIME_ONLY Użytkownicy wpisują godzinę.

DecoratedText

Widżet z tekstem, z opcjonalnymi dekoracjami, takimi jak etykieta nad lub pod tekstem, ikona przed tekstem, widżet wyboru lub przycisk po tekście. Przykład w aplikacji Google Chat znajdziesz w artykule Wyświetlanie tekstu z tekstem dekoracyjnym.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
icon
(deprecated)

Icon

Wycofano. Zastąpiona wartością jest startIcon.
startIcon

Icon

Ikona wyświetlana przed tekstem.
topLabel

string

Tekst widoczny nad elementem text. Zawsze skraca.
text

string

Wymagane. Tekst główny.

Obsługuje proste formatowanie. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace.
wrapText

bool

Ustawienie zawijania tekstu. W przypadku true tekst zawija się i wyświetla w kilku wierszach. W przeciwnym razie tekst zostanie obcięty.

Dotyczy tylko funkcji text, a nie topLabel i bottomLabel.
bottomLabel

string

Tekst, który wyświetla się pod text. Zawsze zawija.
onClick

OnClick

To działanie jest wywoływane, gdy użytkownik kliknie topLabel lub bottomLabel.
Pole sumy control. Przycisk, przełącznik, pole wyboru lub obraz wyświetlane po prawej stronie tekstu w widżecie decoratedText. control może mieć tylko jedną z tych wartości:
button

Button

Przycisk, który użytkownik może kliknąć, aby wywołać działanie.
switchControl

SwitchControl

Widżet przełączania, który użytkownik może kliknąć, aby zmienić swój stan i wywołać działanie.
endIcon

Icon

Ikona wyświetlana po tekście.

Obsługuje ikony wbudowane i niestandardowe.

SwitchControl

Przełącznik typu przełącznik lub pole wyboru w widżecie decoratedText.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Obsługiwane tylko w widżecie decoratedText.

Pola
name

string

Nazwa, według której widżet przełącznika jest identyfikowany w zdarzeniu wprowadzania danych w formularzu.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
value

string

Wartość wpisana przez użytkownika, zwrócona w ramach zdarzenia wprowadzania danych w formularzu.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
selected

bool

Gdy true, przełącznik jest wybrany.
onChangeAction

Action

Działanie, które ma zostać wykonane po zmianie stanu przełącznika, np. która funkcja ma zostać uruchomiona.
controlType

ControlType

Wygląd przełącznika w interfejsie.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

ControlType

Wygląd przełącznika w interfejsie.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
SWITCH Przełącznik w stylu przełącznika.
CHECKBOX Wycofano. Zastąpiona wartością jest CHECK_BOX.
CHECK_BOX Pole wyboru.

Separator

Ten typ nie zawiera pól.

Wyświetla separator między widżetami w postaci poziomej linii. Przykład w przypadku aplikacji Google Chat znajdziesz w artykule Dodawanie poziomego separatora między widżetami.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Na przykład ten kod JSON tworzy separator:

"divider": {}

EndNavigation

Działanie w oknie.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Pola
action

Action

Działanie renderowania, które klient kończy przepływ okna.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Działanie

Typy działań renderowania, z których klient może zakończyć przepływ okna.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Wartości w polu enum
ACTION_UNSPECIFIED Nie określono czynności.
CLOSE_DIALOG Zamknij okno dialogowe.
CLOSE_DIALOG_AND_EXECUTE Zamknij okno i odśwież kartę, na której zostało otwarte okno dialogowe.

GetAutocompletionResponse

Odpowiedź na pobranie kontenera autouzupełniania zawierającego elementy niezbędne do wyświetlania elementów autouzupełniania w polu tekstowym.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat. Na przykład:

{
  "autoComplete": {
    "items": [
      {
        "text": "C++"
      },
      {
        "text": "Java"
      },
      {
        "text": "JavaScript"
      },
      {
        "text": "Python"
      }
    ]
  }
}
Pola
autoComplete

Suggestions
schema

string

To jest pole schematu no-opera, które może znajdować się w znacznikach na potrzeby sprawdzania składni.

GRid

Wyświetla siatkę z kolekcją elementów. Elementy mogą zawierać tylko tekst lub obrazy. Jeśli chcesz korzystać z kolumn elastycznych lub jeśli chcesz uwzględnić więcej niż tekst i obrazy, użyj Columns. Przykład zastosowania aplikacji Google Chat znajdziesz w artykule Wyświetlanie siatki z kolekcją elementów.

Siatka może zawierać dowolną liczbę kolumn i elementów. Liczba wierszy jest określana przez podział elementów przez kolumny. Siatka z 10 elementami i 2 kolumnami ma 5 wierszy. Siatka z 11 elementami i 2 kolumnami ma 6 wierszy.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Na przykład ten plik JSON tworzy siatkę z 2 kolumnami z jednym elementem:

"grid": {
  "title": "A fine collection of items",
  "columnCount": 2,
  "borderStyle": {
    "type": "STROKE",
    "cornerRadius": 4
  },
  "items": [
    {
      "image": {
        "imageUri": "https://www.example.com/image.png",
        "cropStyle": {
          "type": "SQUARE"
        },
        "borderStyle": {
          "type": "STROKE"
        }
      },
      "title": "An item",
      "textAlignment": "CENTER"
    }
  ],
  "onClick": {
    "openLink": {
      "url": "https://www.example.com"
    }
  }
}
Pola
title

string

Tekst wyświetlany w nagłówku siatki.
items[]

GridItem

Elementy wyświetlane w siatce.
borderStyle

BorderStyle

Styl obramowania, który ma być stosowany do każdego elementu siatki.
columnCount

int32

Liczba kolumn wyświetlanych w siatce. Jeśli to pole nie jest określone, używana jest wartość domyślna. Zależy ona od tego, gdzie wyświetla się siatka (dialog czy reklama towarzysząca).
onClick

OnClick

To wywołanie zwrotne jest ponownie używane przez każdy element siatki, ale z identyfikatorem i indeksem elementu na liście elementów dodanymi do parametrów wywołania zwrotnego.

GridItem

Reprezentuje element w układzie siatki. Elementy mogą zawierać tekst, obraz lub zarówno tekst, jak i obraz.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
id

string

Określony przez użytkownika identyfikator tego elementu siatki. Ten identyfikator jest zwracany w parametrach wywołania zwrotnego siatki nadrzędnej onClick.
image

ImageComponent

Obraz wyświetlany w elemencie siatki.
title

string

Tytuł elementu siatki.
subtitle

string

Podtytuł elementu siatki.
layout

GridItemLayout

Układ, który ma być używany w elemencie siatki.

GridItemLayout

Reprezentuje różne opcje układu dostępne dla elementu siatki.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
GRID_ITEM_LAYOUT_UNSPECIFIED Nie używaj. Nie określono.
TEXT_BELOW Tytuł i podtytuł są wyświetlane pod obrazem elementu siatki.
TEXT_ABOVE Tytuł i podtytuł są wyświetlane nad obrazem elementu siatki.

Ikona

Ikona wyświetlana w widżecie na karcie. Przykład w przypadku aplikacji Google Chat znajdziesz w sekcji Dodawanie ikony.

Obsługuje ikony wbudowane i niestandardowe.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
altText

string

Opcjonalnie. Opis ikony używanej w ułatwieniach dostępu. Jeśli wartość nie jest określona, używana jest wartość domyślna Button. Najlepiej jest ustawić przydatny opis zawartości ikony i – w odpowiednich przypadkach – do czego służy. na przykład A user's account portrait lub Opens a new browser tab and navigates to the Google Chat developer documentation at https://developers.google.com/workspace/chat.

Jeśli ikona jest ustawiona w elemencie Button, gdy użytkownik najedzie na przycisk, altText pojawi się jako tekst pomocniczy. Jeśli jednak dla przycisku ustawiono także wartość text, wartość altText ikony będzie ignorowana.
imageType

ImageType

Styl przycinania zastosowany do obrazu. W niektórych przypadkach przycięcie CIRCLE powoduje, że rysunek jest większy niż wbudowana ikona.
Pole sumy icons. Ikona wyświetlana w widżecie na karcie. icons może mieć tylko jedną z tych wartości:
knownIcon

string

Wyświetl jedną z wbudowanych ikon dostępnych w Google Workspace.

Aby na przykład wyświetlać ikonę samolotu, wpisz AIRPLANE. W przypadku autobusu wpisz BUS.

Pełną listę obsługiwanych ikon znajdziesz tutaj.
iconUrl

string

wyświetlać ikonę niestandardową pod adresem URL HTTPS.

Na przykład:

"iconUrl":
"https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png"

Obsługiwane typy plików to .png i .jpg.
materialIcon

MaterialIcon

Wyświetl jedną z ikon Google Material Design.

Aby na przykład wyświetlić ikonę pola wyboru, użyj

"materialIcon": {
  "name": "check_box"
}

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Obraz

Obraz, który jest określony za pomocą adresu URL i może mieć działanie onClick. Przykład: Dodawanie obrazu.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
imageUrl

string

Adres URL HTTPS, który hostuje obraz.

Na przykład:

https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png
onClick

OnClick

Gdy użytkownik kliknie obraz, kliknięcie wywoła to działanie.
altText

string

Alternatywny tekst tego obrazu używany w ułatwieniach dostępu.

ImageComponent

Reprezentuje obraz.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
imageUri

string

Adres URL obrazu.
altText

string

Etykieta ułatwień dostępu do obrazu.
cropStyle

ImageCropStyle

Styl przycinania, który zostanie zastosowany do obrazu.
borderStyle

BorderStyle

Styl obramowania, który zostanie zastosowany do obrazu.

ImageCropStyle

Reprezentuje styl przycinania zastosowany do obrazu.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Na przykład w ten sposób możesz zastosować współczynnik proporcji 16:9:

cropStyle {
 "type": "RECTANGLE_CUSTOM",
 "aspectRatio": 16/9
}
Pola
type

ImageCropType

Typ przycięcia.
aspectRatio

double

Format obrazu używany, gdy typ przycięcia to RECTANGLE_CUSTOM.

Na przykład w ten sposób możesz zastosować współczynnik proporcji 16:9:

cropStyle {
 "type": "RECTANGLE_CUSTOM",
 "aspectRatio": 16/9
}

ImageCropType

Reprezentuje styl przycinania zastosowany do obrazu.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
IMAGE_CROP_TYPE_UNSPECIFIED Nie używaj. Nie określono.
SQUARE Wartość domyślna. Stosuje przycięcie kwadratowe.
CIRCLE Powoduje przycięcie na planie koła.
RECTANGLE_CUSTOM Stosuje prostokątne przycięcie z niestandardowym formatem obrazu. Ustaw niestandardowy format obrazu za pomocą aspectRatio.
RECTANGLE_4_3 Stosuje prostokątne przycięcie o współczynniku proporcji 4:3.

LinkPreview

Działanie karty, które wyświetla podgląd linku zewnętrznego przez wyświetlenie karty i elementu inteligentnego. Więcej informacji znajdziesz w artykule Wyświetlanie podglądu linków z elementami inteligentnymi.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

Na przykład ten plik JSON zwraca unikalny tytuł podglądu linku i jego elementu inteligentnego oraz kartę podglądu z nagłówkiem i opisem tekstowym:

{
  "action": {
    "linkPreview": {
      "title": "Smart chip title",
      "linkPreviewTitle": "Link preview title",
      "previewCard": {
        "header": {
          "title": "Preview card header",
        },
        "sections": [
          {
            "widgets": [
              {
                "textParagraph": {
                  "text": "Description of the link."
                }
              }
            ]
          }
        ]
      }
    }
  }
}

W tym przykładzie wyświetli się podgląd tego linku:

Podgląd przykładowego linku

Pola
previewCard

Card

Karta, która zawiera informacje o linku z usługi innej firmy.
title

string

Tytuł wyświetlany w elemencie inteligentnym na podglądzie linku. Jeśli nie jest skonfigurowana, element inteligentny wyświetla nagłówek elementu preview_card.
linkPreviewTitle

string

Tytuł widoczny w podglądzie linku. Jeśli nie jest skonfigurowana, na podglądzie linku preview_card wyświetla się nagłówek.

MaterialIcon

Ikona Google Material Design, która obejmuje ponad 2500 opcji.

Aby na przykład wyświetlić ikonę pola wyboru z niestandardową wagą i oceną, wpisz:

{
  "name": "check_box",
  "fill": true,
  "weight": 300,
  "grade": -25
}

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Pola
name

string

Nazwa ikony zdefiniowana w ikonie Google Material, na przykład check_box. Wszelkie nieprawidłowe nazwy zostaną porzucone i zastąpione pustym ciągiem znaków, co spowoduje błąd renderowania ikony.
fill

bool

Określa, czy ikona jest wyświetlana jako wypełniona. Wartość domyślna to false.

Aby wyświetlić podgląd różnych ustawień ikon, otwórz Google Fonts (Ikony czcionek Google) i zmień ustawienia w sekcji Dostosuj.
weight

int32

Grubość kreski ikony. Masz do wyboru opcje: {100, 200, 300, 400, 500, 600, 700}. Jeśli go nie podano, domyślną wartością jest 400. Jeśli podasz inną wartość, zostanie użyta wartość domyślna.

Aby wyświetlić podgląd różnych ustawień ikon, otwórz Google Fonts (Ikony czcionek Google) i zmień ustawienia w sekcji Dostosuj.
grade

int32

Waga i stopień wpływają na grubość symbolu. Zmiany oceny są bardziej szczegółowe niż korekty wagi i mają niewielki wpływ na wielkość symbolu. Masz do wyboru {-25, 0, 200}. Jeśli go nie podano, domyślną wartością jest 0. Jeśli podasz inną wartość, zostanie użyta wartość domyślna.

Aby wyświetlić podgląd różnych ustawień ikon, otwórz Google Fonts (Ikony czcionek Google) i zmień ustawienia w sekcji Dostosuj.

Działanie karty, które modyfikuje stos kart.

Na przykład:

1) Dodaj nową kartę do stosu (przejdź dalej). W przypadku aplikacji do obsługi czatu dostępne tylko na stronie głównej aplikacji.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

 navigations : {
    pushCard : CARD
  }

2) Zaktualizuj kartę u góry stosu (w trakcie aktualizacji).

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

  navigations : {
    popCard : true,
  }, {
    pushCard : CARD
  }

3) Wróć o jeden krok bez aktualizacji.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

  navigations : {
    popCard : true,
  }

4) Wróć do kilku kroków i zaktualizuj kartę.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

  navigations : {
    popCard : true,
  }, ... {
    pushCard : CARD
  }

5) Cofnij się o kilka kroków do zdefiniowanego CARD_NAME.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

  navigations : {
    popToCardName : CARD_NAME,
  }, {
    pushCard : CARD
  }

6) Wróć do katalogu głównego i zaktualizuj kartę.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

  navigations : {
    popToRoot : true
  }, {
    pushCard : CARD
  }

7) Przejdź do określonej karty i też ją.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

navigations : { popToCardName : CARD_NAME }, { popCard : true, }

8) Zastąp górną kartę nową kartą. W przypadku aplikacji do obsługi czatu dostępne tylko na stronie głównej aplikacji.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

  navigations : {
    updateCard : CARD
  }
Pola

Pole sumy navigate_action.

navigate_action może mieć tylko jedną z tych wartości:
popToRoot

bool

Stos kart odbija wszystkie karty oprócz karty głównej.
pop

bool

Stos kart wysuwa jedną z kart.
popToCard

string

Stos kart wyświetla wszystkie karty nad określoną kartą o danej nazwie.
pushCard

Card

Stos kart przesuwa kartę na stos kart.
updateCard

Card

Stos kart aktualizuje górną kartę o nową kartę i zachowuje wartości wypełnionych pól formularza. W przypadku pola, które nie jest równoważne, wartość jest usuwana.
endNavigation

EndNavigation

Działanie zakończenia nawigacji w oknie przepływu w oknie. Więcej informacji znajdziesz w artykule Odpowiadanie na okno z wiadomościami na karcie głównej aplikacji.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Powiadomienie

Działanie karty, które wyświetla powiadomienie w aplikacji hostującej.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

Pola
text

string

Zwykły tekst wyświetlany w powiadomieniu, bez tagów HTML.

OnClick

Wskazuje, jak zareagować, gdy użytkownik kliknie interaktywny element na karcie, np. przycisk.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola

Pole sumy data.

data może mieć tylko jedną z tych wartości:
action

Action

Jeśli określisz działanie, onClick będzie wyzwalać określone działanie.
openDynamicLinkAction

Action

Dodatek wyzwala to działanie, gdy wymagane jest otwarcie linku. Różni się od open_link powyżej tym, że w celu uzyskania linku wymagane jest połączenie z serwerem. Z tego względu klient internetowy musi wykonać pewne działania przygotowawcze, zanim otrzyma odpowiedź działania związaną z otwartym linkiem.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.
card

Card

Nowa karta jest przekazywana do stosu kart po kliknięciu, jeśli została określona.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

OnClose

Co robi klient, gdy link otwarty w wyniku działania OnClick zostaje zamknięty.

Wdrożenie zależy od możliwości platformy klienta. Na przykład przeglądarka może otworzyć link w wyskakującym okienku z modułem obsługi OnClose.

Jeśli skonfigurowano zarówno moduły obsługi OnOpen, jak i OnClose, a platforma kliencka nie obsługuje obu wartości, zasada OnClose ma pierwszeństwo.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

Wartości w polu enum
NOTHING Wartość domyślna. Karta nie wczytuje się ponownie, nic się nie dzieje.
RELOAD

Wczytuje kartę ponownie po zamknięciu okna podrzędnego.

W połączeniu z zasadą OpenAs.OVERLAY okno podrzędne działa jak okno modalne, a karta nadrzędna jest blokowana do momentu zamknięcia okna podrzędnego.

OpenAs

Gdy działanie OnClick otwiera link, klient może otworzyć go jako pełnowymiarowe okno (jeśli to ramka używana przez klienta) lub nakładkę (np. wyskakujące okienko). Implementacja zależy od możliwości platformy klienta, a wybrana wartość może być ignorowana, jeśli klient jej nie obsługuje. Usługa FULL_SIZE jest obsługiwana przez wszystkie klienty.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.

Wartości w polu enum
FULL_SIZE Link zostanie otwarty jako pełnowymiarowe okno (jeśli to ramka używana przez klienta).
OVERLAY Link otwiera się jako nakładka, np. w wyskakującym okienku.

RenderActions

Zestaw instrukcji renderowania, które informują kartę, że ma wykonać jakąś czynność, albo informuje aplikację hostującą dodatek lub aplikację Google Chat, by wykonała specyficzną czynność w danej aplikacji.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
action

Action
hostAppAction

HostAppActionMarkup

Działania obsługiwane przez poszczególne aplikacje hosta.
schema

string

To jest pole schematu no-opera, które może znajdować się w znacznikach na potrzeby sprawdzania składni.

Działanie

Pola
navigations[]

Navigation

Karty możesz wrzucać, zmieniać i aktualizować.
notification

Notification

Wyświetl powiadomienie użytkownikowi.
linkPreview

LinkPreview

Wyświetl podgląd linku użytkownikowi.

SelectionInput

Widżet tworzący co najmniej 1 element interfejsu, który użytkownicy mogą wybrać. Może to być na przykład menu lub pola wyboru. Możesz używać tego widżetu do zbierania danych, które można przewidzieć lub wyliczyć. Przykład w przypadku aplikacji Google Chat znajdziesz w artykule Dodawanie możliwych do wyboru elementów interfejsu.

Aplikacje do obsługi czatu mogą przetwarzać wartości elementów wybranych lub wprowadzonych przez użytkowników. Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.

Aby zbierać nieokreślone lub abstrakcyjne dane od użytkowników, użyj widżetu TextInput.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
name

string

Nazwa identyfikująca dane wejściowe w zdarzeniu danych wejściowych w formularzu.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
label

string

Tekst wyświetlany w interfejsie nad polem wyboru do wprowadzania danych.

Podaj tekst, który pomoże użytkownikowi podać informacje, których potrzebuje Twoja aplikacja. Jeśli na przykład użytkownicy wybierają z menu pilność zgłoszenia do pracy, etykieta może brzmieć „Pilne” lub „Wybierz pilność”.
type

SelectionType

Typ elementów wyświetlanych użytkownikom w widżecie SelectionInput. Typy wyboru obsługują różne typy interakcji. Użytkownicy mogą na przykład zaznaczyć jedno lub więcej pól wyboru, ale tylko jedną wartość w menu.
items[]

SelectionItem

Tablica elementów do wyboru. Może to być np. tablica przycisków opcji lub pól wyboru. Obsługuje do 100 elementów.
onChangeAction

Action

Jeśli określisz formularz, zostanie on przesłany po zmianie wyboru. Jeśli go nie podasz, musisz dodać osobny przycisk do przesyłania formularza.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
multiSelectMaxSelectedItems

int32

W przypadku menu wielokrotnego wyboru jest to maksymalna liczba elementów, które użytkownik może wybrać. Minimalna wartość to 1 element. Jeśli nie określono inaczej, domyślna wartość to 3 elementy.
multiSelectMinQueryLength

int32

W przypadku menu wielokrotnego wyboru liczba znaków, które użytkownik wpisze, zanim aplikacja wyśle zapytanie do użytkownika, jest uzupełniana automatycznie i wyświetla sugerowane elementy w menu.

Jeśli nie określono inaczej, domyślna wartość to 0 znaków w przypadku statycznych źródeł danych i 3 znaki w przypadku zewnętrznych źródeł danych.

Pole sumy multi_select_data_source. W przypadku menu wyboru wielokrotnego jest to źródło danych, które wypełnia elementy zaznaczenia.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace. multi_select_data_source może mieć tylko jedną z tych wartości:
externalDataSource

Action

Zewnętrzne źródło danych, takie jak relacyjna baza danych.
platformDataSource

PlatformDataSource

Źródło danych z Google Workspace.

PlatformDataSource

W przypadku widżetu SelectionInput, który korzysta z menu wielokrotnego wyboru, jest to źródło danych z Google Workspace. Służy do wypełniania elementów w menu wielokrotnego wyboru.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Pola
Pole sumy data_source. Źródło danych. data_source może mieć tylko jedną z tych wartości:
commonDataSource

CommonDataSource

Źródło danych współdzielone przez wszystkie aplikacje Google Workspace, takie jak użytkownicy w organizacji Google Workspace.
hostAppDataSource

HostAppDataSourceMarkup

Źródło danych unikalne dla aplikacji hosta Google Workspace, takie jak pokoje w Google Chat.

CommonDataSource

Źródło danych współdzielone przez wszystkie aplikacje Google Workspace.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Wartości w polu enum
UNKNOWN Wartość domyślna. Nie używaj.
USER Użytkownicy Google Workspace. Użytkownik może tylko wyświetlać i wybierać użytkowników ze swojej organizacji Google Workspace.

SelectionItem

Element, który użytkownicy mogą wybrać w polu wyboru, np. pole wyboru lub przełącznik.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
text

string

Tekst, który identyfikuje lub opisuje produkt użytkownikom.
value

string

Wartość powiązana z tym elementem. Klient powinien użyć tej wartości jako wartości wejściowej formularza.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
selected

bool

Określa, czy element jest wybierany domyślnie. Jeśli pole wyboru akceptuje tylko jedną wartość (np. w przypadku przycisków lub menu), ustaw to pole tylko dla 1 elementu.
startIconUri

string

W przypadku menu wielokrotnego wyboru adres URL ikony jest wyświetlany obok pola text elementu. Obsługuje pliki PNG i JPEG. Musi to być adres URL typu HTTPS. Na przykład: https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png.
bottomText

string

W przypadku menu wielokrotnego wyboru opis tekstowy lub etykieta wyświetlana pod polem text elementu.

SelectionType

Format elementów, które użytkownicy mogą wybierać. Różne opcje obsługują różne typy interakcji. Na przykład użytkownicy mogą zaznaczyć wiele pól wyboru, ale tylko jeden element w menu.

Każde dane wejściowe obsługują 1 typ wyboru. Na przykład miksowanie pól wyboru i przełączników nie jest obsługiwane.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
CHECK_BOX Zestaw pól wyboru. Użytkownicy mogą zaznaczyć co najmniej 1 pole wyboru.
RADIO_BUTTON Zestaw opcji. Użytkownik może wybrać 1 przycisk.
SWITCH Zestaw przełączników. Użytkownicy mogą włączać 1 lub więcej przełączników.
DROPDOWN Menu. Użytkownicy mogą wybrać 1 element z menu.
MULTI_SELECT

Menu wyboru wielokrotnego dla danych statycznych lub dynamicznych. Na pasku menu użytkownicy wybierają co najmniej 1 element. Użytkownicy mogą też wprowadzać wartości, aby wypełniać dane dynamiczne. Na przykład użytkownicy mogą zacząć wpisywać nazwę pokoju w Google Chat, a widżet automatycznie zasugeruje taki pokój.

Aby dodać elementy do menu wielokrotnego wyboru, możesz użyć jednego z tych typów źródeł danych:

  • Dane statyczne: elementy są określone w widżecie jako obiekty SelectionItem. Maksymalnie 100 elementów.
  • Dane Google Workspace: elementy są wypełniane na podstawie danych z Google Workspace, takich jak użytkownicy Google Workspace czy pokoje Google Chat.
  • Dane zewnętrzne: elementy są wypełniane z zewnętrznego źródła danych spoza Google Workspace.

Przykłady implementacji menu wielokrotnego wyboru znajdziesz w sekcji Dodawanie menu wielokrotnego wyboru.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace. Wybór wielokrotny w przypadku dodatków do Google Workspace jest dostępny w wersji przedpremierowej dla programistów.

SubmitFormResponse

Odpowiedź na przesłanie formularza inna niż pobranie kontenera autouzupełniania, która zawiera działania, które powinna wykonać karta lub aplikacja hosta dodatku, oraz informację o tym, czy stan karty uległ zmianie.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat. Na przykład:

{
  "renderActions": {
    "action": {
      "notification": {
        "text": "Email address is added: salam.heba@example.com"
      }
    },
    "hostAppAction": {
      "gmailAction": {
        "openCreatedDraftAction": {
          "draftId": "msg-a:r-79766936926021702",
          "threadServerPermId": "thread-f:15700999851086004"
        }
      }
    }
  }
}
Pola
renderActions

RenderActions

Zestaw instrukcji renderowania, które informują kartę, że ma wykonać działanie, lub informuje aplikację hosta dodatku, aby wykonała konkretną czynność.
stateChanged

bool

Wskazuje, czy stan kart uległ zmianie, a dane na istniejących kartach są nieaktualne.
schema

string

Jest to pole schematu no-opera, które może znajdować się w znacznikach na potrzeby sprawdzania składni.

Sugestie

Sugerowane wartości, które użytkownicy mogą wpisać. Te wartości pojawiają się po kliknięciu przez użytkownika pola do wprowadzania tekstu. W miarę pisania przez użytkowników sugerowane wartości są dynamicznie filtrowane zgodnie z tym, co wpisujesz.

Na przykład pole tekstowe do wprowadzania danych w języku programowania może sugerować Java, JavaScript, Python i C++. Gdy użytkownik zacznie wpisywać Jav, pojawi się lista filtrów sugestii, które wyświetlą Java i JavaScript.

Sugerowane wartości pomagają zachęcać użytkowników do wpisywania wartości, które Twoja aplikacja może zrozumieć. W przypadku JavaScriptu niektórzy użytkownicy mogą wpisać javascript, a inne java script. Sugestia JavaScript może ustandaryzować sposób, w jaki użytkownicy korzystają z aplikacji.

Gdy jest określona, TextInput.type ma zawsze wartość SINGLE_LINE, nawet jeśli ustawiona jest wartość MULTIPLE_LINE.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
items[]

SuggestionItem

Lista sugestii używanych do autouzupełniania rekomendacji w polach do wprowadzania tekstu.

SuggestionItem

Jedna sugerowana wartość, którą użytkownicy mogą wpisać w polu do wprowadzania tekstu.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola

Pole sumy content.

content może mieć tylko jedną z tych wartości:
text

string

Wartość sugerowanej wartości wejściowej w polu do wprowadzania tekstu. Jest to odpowiednik danych wpisywanych przez użytkowników.

TextInput

Pole, w którym użytkownicy mogą wpisywać tekst. obsługuje sugestie i działania w odpowiedzi na zmiany. Przykład w przypadku aplikacji Google Chat znajdziesz w artykule Dodawanie pola, w którym użytkownik może wpisywać tekst.

Aplikacje do obsługi czatu odbierają i mogą przetwarzać wartość wpisanego tekstu podczas zdarzeń wprowadzania danych w formularzu. Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.

Jeśli chcesz zebrać nieokreślone lub abstrakcyjne dane od użytkowników, użyj wprowadzania tekstowego. Aby zbierać zdefiniowane lub wyliczane dane od użytkowników, użyj widżetu SelectionInput.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
name

string

Nazwa, pod którą wpisany tekst jest rozpoznawany w zdarzeniu wprowadzania tekstu.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
label

string

Tekst wyświetlany nad polem do wprowadzania tekstu w interfejsie.

Podaj tekst, który pomoże użytkownikowi podać informacje, których potrzebuje Twoja aplikacja. Jeśli na przykład pytasz czyjegoś imienia, a konkretnie nazwiska, wpisz surname zamiast name.

Wymagany, jeśli atrybut hintText nie jest określony. W przeciwnym razie jest to opcjonalne.
hintText

string

Tekst wyświetlany pod polem do wprowadzania tekstu, który ma ułatwić użytkownikom wpisanie określonej wartości. Ten tekst jest zawsze widoczny.

Wymagany, jeśli atrybut label nie jest określony. W przeciwnym razie jest to opcjonalne.
value

string

Wartość wpisana przez użytkownika, zwrócona w ramach zdarzenia wprowadzania danych w formularzu.

Szczegółowe informacje na temat pracy z danymi wejściowymi formularza znajdziesz w artykule Odbieranie danych formularza.
type

Type

Sposób wyświetlania pola do wprowadzania tekstu w interfejsie. na przykład czy to pole jest jedno- czy wielowierszowe.
onChangeAction

Action

Co zrobić, gdy nastąpi zmiana w polu do wprowadzania tekstu Może to być na przykład dodanie do pola lub usunięcie tekstu.

Może to być na przykład uruchomienie funkcji niestandardowej lub otwarcie okna w Google Chat.
initialSuggestions

Suggestions

Sugerowane wartości, które użytkownicy mogą wpisać. Te wartości pojawiają się po kliknięciu przez użytkownika pola do wprowadzania tekstu. W miarę pisania przez użytkowników sugerowane wartości są dynamicznie filtrowane zgodnie z tym, co wpisujesz.

Na przykład pole tekstowe do wprowadzania danych w języku programowania może sugerować Java, JavaScript, Python i C++. Gdy użytkownik zacznie pisać Jav, na liście filtrów sugestii wyświetlą się tylko Java i JavaScript.

Sugerowane wartości pomagają zachęcać użytkowników do wpisywania wartości, które Twoja aplikacja może zrozumieć. W przypadku JavaScriptu niektórzy użytkownicy mogą wpisać javascript, a inne java script. Sugestia JavaScript może ustandaryzować sposób, w jaki użytkownicy korzystają z aplikacji.

Gdy jest określona, TextInput.type ma zawsze wartość SINGLE_LINE, nawet jeśli ustawiona jest wartość MULTIPLE_LINE.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.
autoCompleteAction

Action

Opcjonalnie. Określ, co ma się stać, gdy pole do wprowadzania tekstu zawiera sugestie dla użytkowników korzystających z tego pola.

Jeśli nie określono inaczej, sugestie są ustawiane przez initialSuggestions i przetwarzane przez klienta.

Jeśli określisz działanie, aplikacja wykona określone tutaj działanie, np. uruchomi funkcję niestandardową.

Dostępne w dodatkach do Google Workspace, ale niedostępne w aplikacjach Google Chat.
placeholderText

string

Tekst, który pojawia się w polu do wprowadzania tekstu, gdy pole jest puste. Wpisz w nim wartość, korzystając z tego tekstu. Na przykład: Enter a number from 0 to 100.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Typ

Sposób wyświetlania pola do wprowadzania tekstu w interfejsie. Może to być na przykład jednowierszowe pole do wprowadzania danych lub pole do wprowadzania danych wielowierszowych. Jeśli parametr initialSuggestions jest określony, type ma zawsze wartość SINGLE_LINE, nawet jeśli ma wartość MULTIPLE_LINE.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
SINGLE_LINE Pole do wprowadzania tekstu ma stałą wysokość 1 wiersza.
MULTIPLE_LINE Pole do wprowadzania tekstu ma stałą wysokość wielu wierszy.

TextParagraph

Akapit z tekstem, który można sformatować. Przykład w przypadku aplikacji Google Chat znajdziesz w artykule Dodawanie akapitu sformatowanego tekstu. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Pola
text

string

Tekst wyświetlany w widżecie.

Widżet

Każda karta składa się z widżetów.

Widżet to obiekt złożony, który może reprezentować tekst, obrazy, przyciski i inne typy obiektów.

Pola
horizontalAlignment

HorizontalAlignment

Określa, czy widżety mają być wyrównane do lewej, prawej czy do środka kolumny.
Pole sumy data. Widżet może zawierać tylko jeden z tych elementów. Aby wyświetlić więcej elementów, możesz użyć wielu pól widżetu. data może mieć tylko jedną z tych wartości:
textParagraph

TextParagraph

Wyświetla akapit tekstu. Obsługuje prosty tekst w formacie HTML. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace.

Na przykład następujący kod JSON tworzy pogrubiony tekst:

"textParagraph": {
  "text": "  <b>bold text</b>"
}
image

Image

Wyświetla obraz.

Na przykład ten kod JSON tworzy obraz z tekstem alternatywnym:

"image": {
  "imageUrl":
  "https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png",
  "altText": "Chat app avatar"
}
decoratedText

DecoratedText

Wyświetla ozdobiony element tekstowy.

Na przykład ten plik JSON tworzy widżet dekorowanego tekstu z adresem e-mail:

"decoratedText": {
  "icon": {
    "knownIcon": "EMAIL"
  },
  "topLabel": "Email Address",
  "text": "sasha@example.com",
  "bottomLabel": "This is a new Email address!",
  "switchControl": {
    "name": "has_send_welcome_email_to_sasha",
    "selected": false,
    "controlType": "CHECKBOX"
  }
}
buttonList

ButtonList

Lista przycisków.

Na przykład ten plik JSON tworzy 2 przyciski. Pierwszy to niebieski przycisk tekstowy, a drugi to przycisk obrazu, który otwiera link:

"buttonList": {
  "buttons": [
    {
      "text": "Edit",
      "color": {
        "red": 0,
        "green": 0,
        "blue": 1,
        "alpha": 1
      },
      "disabled": true,
    },
    {
      "icon": {
        "knownIcon": "INVITE",
        "altText": "check calendar"
      },
      "onClick": {
        "openLink": {
          "url": "https://example.com/calendar"
        }
      }
    }
  ]
}
textInput

TextInput

Wyświetla pole tekstowe, w którym użytkownicy mogą pisać.

Na przykład ten plik JSON tworzy pole tekstowe adresu e-mail:

"textInput": {
  "name": "mailing_address",
  "label": "Mailing Address"
}

Kolejny przykład to przykładowy kod JSON, który tworzy pole tekstowe dla języka programowania ze statycznymi sugestiami:

"textInput": {
  "name": "preferred_programing_language",
  "label": "Preferred Language",
  "initialSuggestions": {
    "items": [
      {
        "text": "C++"
      },
      {
        "text": "Java"
      },
      {
        "text": "JavaScript"
      },
      {
        "text": "Python"
      }
    ]
  }
}
selectionInput

SelectionInput

Wyświetla element sterujący, który umożliwia użytkownikom wybieranie elementów. Elementy sterujące zaznaczaniem mogą być polami wyboru, opcjami, przełącznikami i menu.

Na przykład ten plik JSON tworzy menu, które pozwala użytkownikom wybrać rozmiar:

"selectionInput": {
  "name": "size",
  "label": "Size"
  "type": "DROPDOWN",
  "items": [
    {
      "text": "S",
      "value": "small",
      "selected": false
    },
    {
      "text": "M",
      "value": "medium",
      "selected": true
    },
    {
      "text": "L",
      "value": "large",
      "selected": false
    },
    {
      "text": "XL",
      "value": "extra_large",
      "selected": false
    }
  ]
}
dateTimePicker

DateTimePicker

Wyświetla widżet, który umożliwia użytkownikom wpisanie daty, godziny lub daty i godziny.

Na przykład ten plik JSON tworzy selektor daty i godziny w celu zaplanowania spotkania:

"dateTimePicker": {
  "name": "appointment_time",
  "label": "Book your appointment at:",
  "type": "DATE_AND_TIME",
  "valueMsEpoch": "796435200000"
}
divider

Divider

Wyświetla poziomą linię między widżetami.

Na przykład ten kod JSON tworzy separator:

"divider": {
}
grid

Grid

Wyświetla siatkę z kolekcją elementów.

Siatka może zawierać dowolną liczbę kolumn i elementów. Liczba wierszy jest określana przez górne granice liczby elementów podzielone przez liczbę kolumn. Siatka z 10 elementami i 2 kolumnami ma 5 wierszy. Siatka z 11 elementami i 2 kolumnami ma 6 wierszy.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Na przykład ten plik JSON tworzy siatkę z 2 kolumnami z jednym elementem:

"grid": {
  "title": "A fine collection of items",
  "columnCount": 2,
  "borderStyle": {
    "type": "STROKE",
    "cornerRadius": 4
  },
  "items": [
    {
      "image": {
        "imageUri": "https://www.example.com/image.png",
        "cropStyle": {
          "type": "SQUARE"
        },
        "borderStyle": {
          "type": "STROKE"
        }
      },
      "title": "An item",
      "textAlignment": "CENTER"
    }
  ],
  "onClick": {
    "openLink": {
      "url": "https://www.example.com"
    }
  }
}
columns

Columns

Wyświetla maksymalnie 2 kolumny.

Aby uwzględnić więcej niż 2 kolumny lub użyć wierszy, użyj widżetu Grid.

Na przykład ten plik JSON tworzy 2 kolumny, z których każda zawiera akapity:

"columns": {
  "columnItems": [
    {
      "horizontalSizeStyle": "FILL_AVAILABLE_SPACE",
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widgets": [
        {
          "textParagraph": {
            "text": "First column text paragraph"
          }
        }
      ]
    },
    {
      "horizontalSizeStyle": "FILL_AVAILABLE_SPACE",
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widgets": [
        {
          "textParagraph": {
            "text": "Second column text paragraph"
          }
        }
      ]
    }
  ]
}

HorizontalAlignment

Określa, czy widżety mają być wyrównane do lewej, prawej czy do środka kolumny.

Dostępny w aplikacjach Google Chat i niedostępny w przypadku dodatków do Google Workspace.

Wartości w polu enum
HORIZONTAL_ALIGNMENT_UNSPECIFIED Nie używaj. Nie określono.
START Wartość domyślna. Wyrównuje widżety do pozycji początkowej kolumny. W przypadku układów od lewej do prawej wyrównuje się do lewej. W przypadku układów od prawej do lewej wyrównuje się do prawej.
CENTER Wyrównuje widżety do środka kolumny.
END Wyrównuje widżety do pozycji końcowej kolumny. W przypadku układów od lewej do prawej wyrównuje widżety do prawej strony. W przypadku układów od prawej do lewej wyrównuje widżety do lewej.

ImageType

Kształt użyty do przycięcia obrazu.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace.

Wartości w polu enum
SQUARE Wartość domyślna. Stosuje do obrazu maskę kwadratowej. Na przykład obraz o wymiarach 4 x 3 zmieni się na 3 x 3.
CIRCLE Stosuje do obrazu okrągłą maskę. Na przykład obraz o wymiarach 4 x 3 zmieni się w okrąg o średnicy 3 pikseli.