Karta
Karta to element interfejsu, który może zawierać widżety interfejsu, takie jak tekst i obrazy.
| Zapis JSON |
|---|
{ "header": { object ( |
| Pola | |
|---|---|
header
|
Nagłówek karty. Nagłówek zwykle zawiera tytuł i obraz. |
sections[]
|
Sekcje są oddzielone linią. |
cardActions[]
|
Działania na tej karcie. |
name
|
Nazwa karty. |
CardHeader
| Zapis JSON |
|---|
{
"title": string,
"subtitle": string,
"imageStyle": enum ( |
| Pola | |
|---|---|
title
|
Musisz podać tytuł. Nagłówek ma stałą wysokość: jeśli podasz zarówno tytuł, jak i podtytuł, każdy z nich zajmie jeden wiersz. Jeśli podasz tylko tytuł, zajmie on oba wiersze. |
subtitle
|
Podtytuł nagłówka karty. |
imageStyle
|
Typ obrazu (np. kwadratowe lub okrągłe obramowanie). |
imageUrl
|
Adres URL obrazu w nagłówku karty. |
ImageStyle
| Wartości w polu enum | |
|---|---|
IMAGE_STYLE_UNSPECIFIED
|
|
IMAGE
|
Kwadratowe obramowanie. |
AVATAR
|
Okrągłe obramowanie. |
Sekcja
Sekcja zawiera zbiór widżetów, które są renderowane (pionowo) w kolejności, w jakiej zostały określone. Na wszystkich platformach karty mają wąską, stałą szerokość, więc obecnie nie ma potrzeby stosowania właściwości układu (np. float).
| Zapis JSON |
|---|
{
"header": string,
"widgets": [
{
object ( |
| Pola | |
|---|---|
header
|
Nagłówek sekcji. Obsługiwany jest sformatowany tekst. 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[]
|
Sekcja musi zawierać co najmniej 1 widżet. |
WidgetMarkup
Widżet to element interfejsu, który wyświetla tekst i obrazy.
| Zapis JSON |
|---|
{ "buttons": [ { object ( |
| Pola | |
|---|---|
buttons[]
|
Lista przycisków. Pole Buttons jest też |
A
WidgetMarkup
może zawierać tylko jeden z tych elementów. Możesz użyć wielu pól WidgetMarkup, aby wyświetlić więcej produktów. Poniżej znajduje się lista pól, które się wzajemnie wykluczają. W odpowiedzi zostanie ustawione co najwyżej jedno z tych pól:
|
|
textParagraph
|
Wyświetl akapit tekstu w tym widżecie. |
image
|
Wyświetl obraz w tym widżecie. |
keyValue
|
Wyświetl w tym widżecie element z kluczową wartością. |
| Koniec pól wykluczających się nawzajem. | |
TextParagraph
Akapit tekstu. Obsługiwany jest sformatowany tekst. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace.
| Zapis JSON |
|---|
{ "text": string } |
| Pola | |
|---|---|
text
|
|
Obraz
Obraz określony przez adres URL, który może mieć działanie onclick.
| Zapis JSON |
|---|
{
"imageUrl": string,
"onClick": {
object ( |
| Pola | |
|---|---|
imageUrl
|
Adres URL obrazu. |
onClick
|
|
aspectRatio
|
Format obrazu (szerokość i wysokość). To pole umożliwia zarezerwowanie odpowiedniej wysokości obrazu podczas oczekiwania na jego załadowanie. Nie ma on zastępować wbudowanego formatu obrazu. Jeśli nie jest ustawiony, serwer wypełnia go przez wstępne pobranie obrazu. |
OnClick
działanie onclick (np. otwarcie linku).
| Zapis JSON |
|---|
{ "action": { object ( |
| Pola | |
|---|---|
| Poniżej znajduje się lista pól, które się wzajemnie wykluczają. W odpowiedzi zostanie ustawione co najwyżej jedno z tych pól: | |
action
|
Działanie formularza jest aktywowane przez to działanie |
openLink
|
To działanie |
| Koniec pól wykluczających się nawzajem. | |
FormAction
Czynność formularza opisuje zachowanie po przesłaniu formularza. Możesz na przykład wywołać Apps Script, aby obsłużyć formularz.
| Zapis JSON |
|---|
{
"actionMethodName": string,
"parameters": [
{
object ( |
| Pola | |
|---|---|
actionMethodName
|
Nazwa metody służy do identyfikowania części formularza, która spowodowała przesłanie formularza. Te informacje są odsyłane do aplikacji Google Chat w ramach zdarzenia kliknięcia karty. Możesz użyć tej samej nazwy metody w przypadku kilku elementów, które wywołują wspólne działanie. |
parameters[]
|
Lista parametrów działania. |
ActionParameter
Lista parametrów ciągu znaków do podania podczas wywoływania metody działania. Na przykład możesz mieć 3 przyciski odkładania: odłóż teraz, odłóż o 1 dzień i odłóż o tydzień. Możesz użyć
action method = snooze(), przekazując typ i czas odroczenia na liście parametrów tekstowych.
| Zapis JSON |
|---|
{ "key": string, "value": string } |
| Pola | |
|---|---|
key
|
Nazwa parametru skryptu działania. |
value
|
Wartość parametru. |
OpenLink
Link, który otwiera nowe okno.
| Zapis JSON |
|---|
{ "url": string } |
| Pola | |
|---|---|
url
|
Adres URL do otwarcia. |
KeyValue
Element interfejsu zawiera klucz (etykietę) i wartość (treść). Ten element może też zawierać niektóre działania, np.onclickprzycisk.
| Zapis JSON |
|---|
{ "topLabel": string, "content": string, "contentMultiline": boolean, "bottomLabel": string, "onClick": { object ( |
| Pola | |
|---|---|
topLabel
|
Tekst etykiety u góry. Obsługiwany jest sformatowany tekst. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace. |
content
|
Tekst treści. Formatowanie tekstu jest obsługiwane i zawsze wymagane. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace. |
contentMultiline
|
Czy treść powinna być wielowierszowa. |
bottomLabel
|
Tekst etykiety u dołu. Obsługiwany jest sformatowany tekst. Więcej informacji o formatowaniu tekstu znajdziesz w artykułach Formatowanie tekstu w aplikacjach Google Chat i Formatowanie tekstu w dodatkach do Google Workspace. |
onClick
|
|
Musisz zdefiniować co najmniej jedną z tych właściwości: icons,top_label i bottom_label. Poniżej znajduje się lista pól, które się wzajemnie wykluczają. W odpowiedzi zostanie ustawione co najwyżej jedno z tych pól:
|
|
icon
|
Wartość wyliczeniowa, która jest zastępowana przez interfejs Chat API odpowiednim obrazem ikony. |
iconUrl
|
Ikona określona przez adres URL. |
| Koniec pól wykluczających się nawzajem. | |
widżet sterujący, Możesz ustawić wartość button lub switch_widget, ale nie obie jednocześnie. Poniżej znajduje się lista pól, które się wzajemnie wykluczają. W odpowiedzi zostanie ustawione co najwyżej jedno z tych pól:
|
|
button
|
Przycisk, który można kliknąć, aby wywołać działanie. |
| Koniec pól wykluczających się nawzajem. | |
Ikona
Zestaw obsługiwanych ikon.
| Wartości w polu enum | |
|---|---|
ICON_UNSPECIFIED
|
|
AIRPLANE
|
|
BOOKMARK
|
|
BUS
|
|
CAR
|
|
CLOCK
|
|
CONFIRMATION_NUMBER_ICON
|
|
DOLLAR
|
|
DESCRIPTION
|
|
EMAIL
|
|
EVENT_PERFORMER
|
|
EVENT_SEAT
|
|
FLIGHT_ARRIVAL
|
|
FLIGHT_DEPARTURE
|
|
HOTEL
|
|
HOTEL_ROOM_TYPE
|
|
INVITE
|
|
MAP_PIN
|
|
MEMBERSHIP
|
|
MULTIPLE_PEOPLE
|
|
OFFER
|
|
PERSON
|
|
PHONE
|
|
RESTAURANT_ICON
|
|
SHOPPING_CART
|
|
STAR
|
|
STORE
|
|
TICKET
|
|
TRAIN
|
|
VIDEO_CAMERA
|
|
VIDEO_PLAY
|
|
Przycisk
Przycisk. Może to być przycisk tekstowy lub graficzny.
| Zapis JSON |
|---|
{ "textButton": { object ( |
| Pola | |
|---|---|
| Poniżej znajduje się lista pól, które się wzajemnie wykluczają. W odpowiedzi zostanie ustawione co najwyżej jedno z tych pól: | |
textButton
|
Przycisk z tekstem i |
imageButton
|
Przycisk z obrazem i |
| Koniec pól wykluczających się nawzajem. | |
TextButton
Przycisk z tekstem i onclickdziałaniem.
| Zapis JSON |
|---|
{
"text": string,
"onClick": {
object ( |
| Pola | |
|---|---|
text
|
Tekst na przycisku. |
onClick
|
|
ImageButton
Przycisk graficzny z
onclick
działaniem.
| Zapis JSON |
|---|
{ "onClick": { object ( |
| Pola | |
|---|---|
onClick
|
|
name
|
Nazwa tego elementu |
Ikonę można określić za pomocą elementu Icon, enum lub adresu URL. Poniżej znajduje się lista pól, które się wzajemnie wykluczają. W odpowiedzi zostanie ustawione co najwyżej jedno z tych pól:
|
|
icon
|
Ikona określona przez element |
iconUrl
|
Ikona określona przez adres URL. |
| Koniec pól wykluczających się nawzajem. | |
CardAction
Działanie karty to działanie powiązane z kartą. W przypadku karty faktury typowe działania to: usuń fakturę, wyślij fakturę e-mailem lub otwórz fakturę w przeglądarce.
Nieobsługiwane przez aplikacje Google Chat.
| Zapis JSON |
|---|
{
"actionLabel": string,
"onClick": {
object ( |
| Pola | |
|---|---|
actionLabel
|
Etykieta była wyświetlana w elemencie menu czynności. |
onClick
|
Działanie po kliknięciu tego elementu działania. |