Cards v1

Thẻ

Thẻ là một thành phần trên giao diện người dùng có thể chứa các tiện ích trên giao diện người dùng như văn bản và hình ảnh.

Biểu diễn dưới dạng JSON 
{
  "header": {
    object (CardHeader)
  },
  "sections": [
    {
      object (Section)
    }
  ],
  "cardActions": [
    {
      object (CardAction)
    }
  ],
  "name": string
}
Trường
header

object (CardHeader)

Tiêu đề của thẻ. Tiêu đề thường chứa một tiêu đề và một hình ảnh.

sections[]

object (Section)

Các phần được phân tách bằng một đường phân cách.

cardActions[]

object (CardAction)

Các thao tác của thẻ này.

name

string

Tên thẻ.

CardHeader

Biểu diễn dưới dạng JSON 
{
  "title": string,
  "subtitle": string,
  "imageStyle": enum (ImageStyle),
  "imageUrl": string
}
Trường
title

string

Bạn phải chỉ định tiêu đề. Tiêu đề có chiều cao cố định: nếu bạn chỉ định cả tiêu đề và phụ đề, thì mỗi tiêu đề sẽ chiếm một dòng. Nếu chỉ chỉ định tiêu đề, tiêu đề sẽ chiếm cả hai dòng.

subtitle

string

Phụ đề của tiêu đề thẻ.

imageStyle

enum (ImageStyle)

Loại hình ảnh (ví dụ: đường viền hình vuông hoặc đường viền hình tròn).

imageUrl

string

URL của hình ảnh trong tiêu đề thẻ.

ImageStyle

Enum
IMAGE_STYLE_UNSPECIFIED
IMAGE Đường viền hình vuông.
AVATAR Đường viền hình tròn.

Phần

Một phần chứa một tập hợp các tiện ích được kết xuất (theo chiều dọc) theo thứ tự được chỉ định. Trên tất cả các nền tảng, thẻ có chiều rộng cố định hẹp, vì vậy, hiện không cần các thuộc tính bố cục (ví dụ: float).

Biểu diễn dưới dạng JSON 
{
  "header": string,
  "widgets": [
    {
      object (WidgetMarkup)
    }
  ]
}
Trường
header

string

Tiêu đề của phần. Hỗ trợ văn bản được định dạng. Để biết thêm thông tin về cách định dạng văn bản, hãy xem bài viết Định dạng văn bản trong ứng dụng Google Chat và Định dạng văn bản trong tiện ích bổ sung của Google Workspace.

widgets[]

object (WidgetMarkup)

Một phần phải chứa ít nhất một tiện ích.

WidgetMarkup

Tiện ích là một thành phần trên giao diện người dùng hiển thị văn bản và hình ảnh.

Biểu diễn dưới dạng JSON 
{
  "buttons": [
    {
      object (Button)
    }
  ],

  // Union field data can be only one of the following:
  "textParagraph": {
    object (TextParagraph)
  },
  "image": {
    object (Image)
  },
  "keyValue": {
    object (KeyValue)
  }
  // End of list of possible types for union field data.
}
Trường
buttons[]

object (Button)

Danh sách các nút. Nút cũng là oneof data và bạn chỉ nên đặt một trong các trường này.

Trường hợp hợp nhất data. WidgetMarkup chỉ có thể có một trong các mục sau. Bạn có thể sử dụng nhiều trường WidgetMarkup để hiển thị thêm các mục. data chỉ có thể là một trong những loại sau:
textParagraph

object (TextParagraph)

Hiển thị một đoạn văn bản trong tiện ích này.

image

object (Image)

Hiển thị hình ảnh trong tiện ích này.

keyValue

object (KeyValue)

Hiển thị một mục giá trị khoá trong tiện ích này.

TextParagraph

Một đoạn văn bản. Hỗ trợ văn bản được định dạng. Để biết thêm thông tin về cách định dạng văn bản, hãy xem bài viết Định dạng văn bản trong ứng dụng Google Chat và Định dạng văn bản trong tiện ích bổ sung của Google Workspace.

Biểu diễn dưới dạng JSON 
{
  "text": string
}
Trường
text

string

Hình ảnh

Hình ảnh được chỉ định bằng URL và có thể có thao tác onclick.

Biểu diễn dưới dạng JSON 
{
  "imageUrl": string,
  "onClick": {
    object (OnClick)
  },
  "aspectRatio": number
}
Trường
imageUrl

string

URL của hình ảnh.

onClick

object (OnClick)

Hành động onclick.

aspectRatio

number

Tỷ lệ khung hình của hình ảnh này (chiều rộng và chiều cao). Trường này cho phép bạn đặt trước chiều cao phù hợp cho hình ảnh trong khi chờ hình ảnh tải. Tỷ lệ khung hình này không được ghi đè tỷ lệ khung hình tích hợp sẵn của hình ảnh. Nếu bạn không đặt, máy chủ sẽ điền giá trị này bằng cách tìm nạp trước hình ảnh.

OnClick

Một thao tác onclick (ví dụ: mở đường liên kết).

Biểu diễn dưới dạng JSON 
{

  // Union field data can be only one of the following:
  "action": {
    object (FormAction)
  },
  "openLink": {
    object (OpenLink)
  }
  // End of list of possible types for union field data.
}
Trường

Trường hợp hợp nhất data.

data chỉ có thể là một trong những loại sau:

action

object (FormAction)

Hành động của biểu mẫu sẽ được kích hoạt bằng hành động onclick này nếu được chỉ định.

FormAction

Hành động trong biểu mẫu mô tả hành vi khi biểu mẫu được gửi. Ví dụ: bạn có thể gọi Apps Script để xử lý biểu mẫu.

Biểu diễn dưới dạng JSON 
{
  "actionMethodName": string,
  "parameters": [
    {
      object (ActionParameter)
    }
  ]
}
Trường
actionMethodName

string

Tên phương thức được dùng để xác định phần nào của biểu mẫu đã kích hoạt việc gửi biểu mẫu. Thông tin này được phản hồi lại cho ứng dụng Chat trong sự kiện nhấp vào thẻ. Bạn có thể sử dụng cùng một tên phương thức cho một số phần tử kích hoạt một hành vi phổ biến.

parameters[]

object (ActionParameter)

Danh sách tham số hành động.

ActionParameter

Danh sách tham số chuỗi cần cung cấp khi phương thức hành động được gọi. Ví dụ: hãy xem xét 3 nút hẹn giờ: hẹn giờ ngay, hẹn giờ 1 ngày, hẹn giờ vào tuần tới. Bạn có thể sử dụng action method = snooze(), truyền loại báo thức và thời gian báo thức trong danh sách tham số chuỗi.

Biểu diễn dưới dạng JSON 
{
  "key": string,
  "value": string
}
Trường
key

string

Tên của thông số cho tập lệnh hành động.

value

string

Giá trị của tham số.

KeyValue

Một thành phần trên giao diện người dùng chứa một khoá (nhãn) và một giá trị (nội dung). Phần tử này cũng có thể chứa một số thao tác như nút onclick.

Biểu diễn dưới dạng JSON 
{
  "topLabel": string,
  "content": string,
  "contentMultiline": boolean,
  "bottomLabel": string,
  "onClick": {
    object (OnClick)
  },

  // Union field icons can be only one of the following:
  "icon": enum (Icon),
  "iconUrl": string
  // End of list of possible types for union field icons.

  // Union field control can be only one of the following:
  "button": {
    object (Button)
  }
  // End of list of possible types for union field control.
}
Trường
topLabel

string

Văn bản của nhãn trên cùng. Hỗ trợ văn bản được định dạng. Để biết thêm thông tin về cách định dạng văn bản, hãy xem bài viết Định dạng văn bản trong ứng dụng Google Chat và Định dạng văn bản trong tiện ích bổ sung của Google Workspace.

content

string

Văn bản của nội dung. Văn bản được định dạng được hỗ trợ và luôn bắt buộc. Để biết thêm thông tin về cách định dạng văn bản, hãy xem bài viết Định dạng văn bản trong ứng dụng Google Chat và Định dạng văn bản trong tiện ích bổ sung của Google Workspace.

contentMultiline

boolean

Nội dung có phải là nhiều dòng hay không.

bottomLabel

string

Văn bản của nhãn dưới cùng. Hỗ trợ văn bản được định dạng. Để biết thêm thông tin về cách định dạng văn bản, hãy xem bài viết Định dạng văn bản trong ứng dụng Google Chat và Định dạng văn bản trong tiện ích bổ sung của Google Workspace.

onClick

object (OnClick)

Hành động onclick. Chỉ có thể nhấp vào nhãn trên cùng, nhãn dưới cùng và khu vực nội dung.

Trường hợp hợp nhất icons. Bạn phải xác định ít nhất một trong các biểu tượng top_label và bottom_label. icons chỉ có thể là một trong những loại sau:
icon

enum (Icon)

Giá trị enum được Chat API thay thế bằng hình ảnh biểu tượng tương ứng.

iconUrl

string

Biểu tượng do URL chỉ định.

Trường hợp hợp nhất control. Một tiện ích điều khiển. Bạn có thể đặt button hoặc switch_widget, nhưng không được đặt cả hai. control chỉ có thể là một trong những loại sau:
button

object (Button)

Một nút có thể nhấp vào để kích hoạt một hành động.

Biểu tượng

Tập hợp các biểu tượng được hỗ trợ.

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

Nút

Một nút. Có thể là nút văn bản hoặc nút hình ảnh.

Biểu diễn dưới dạng JSON 
{

  // Union field type can be only one of the following:
  "textButton": {
    object (TextButton)
  },
  "imageButton": {
    object (ImageButton)
  }
  // End of list of possible types for union field type.
}
Trường

Trường hợp hợp nhất type.

type chỉ có thể là một trong những loại sau:

textButton

object (TextButton)

Một nút có văn bản và thao tác onclick.

imageButton

object (ImageButton)

Một nút có hình ảnh và thao tác onclick.

TextButton

Một nút có văn bản và thao tác onclick.

Biểu diễn dưới dạng JSON 
{
  "text": string,
  "onClick": {
    object (OnClick)
  }
}
Trường
text

string

Văn bản của nút.

onClick

object (OnClick)

Thao tác onclick của nút.

ImageButton

Nút hình ảnh có thao tác onclick.

Biểu diễn dưới dạng JSON 
{
  "onClick": {
    object (OnClick)
  },
  "name": string,

  // Union field icons can be only one of the following:
  "icon": enum (Icon),
  "iconUrl": string
  // End of list of possible types for union field icons.
}
Trường
onClick

object (OnClick)

Hành động onclick.

name

string

Tên của imageButton này dùng cho chức năng hỗ trợ tiếp cận. Giá trị mặc định sẽ được cung cấp nếu bạn không chỉ định tên này.

Trường hợp hợp nhất icons. Bạn có thể chỉ định biểu tượng bằng Icon, enum hoặc URL. icons chỉ có thể là một trong những loại sau:
icon

enum (Icon)

Biểu tượng do enum chỉ định, biểu tượng này trỏ đến một biểu tượng do Chat API cung cấp.

iconUrl

string

Biểu tượng do URL chỉ định.

CardAction

Hành động trên thẻ là hành động được liên kết với thẻ. Đối với thẻ hoá đơn, thao tác thông thường sẽ là: xoá hoá đơn, gửi hoá đơn qua email hoặc mở hoá đơn trong trình duyệt.

Không được các ứng dụng Google Chat hỗ trợ.

Biểu diễn dưới dạng JSON 
{
  "actionLabel": string,
  "onClick": {
    object (OnClick)
  }
}
Trường
actionLabel

string

Nhãn này từng xuất hiện trong mục trình đơn thao tác.

onClick

object (OnClick)

Thao tác onclick cho mục hành động này.