Class Columns

Cột

Tiện ích Columns hiển thị tối đa 2 cột trong một thẻ hoặc hộp thoại. Bạn có thể thêm tiện ích vào mỗi Column; các tiện ích sẽ xuất hiện theo thứ tự được chỉ định. Ví dụ trong Ứng dụng Google Chat, xem phần Cột.

Chiều cao của mỗi cột do cột cao hơn xác định. Ví dụ: nếu cột đầu tiên cao hơn cột thứ hai, cả hai cột đều có chiều cao của cột đầu tiên. Vì mỗi cột có thể chứa số lượng tiện ích khác nhau, bạn không thể xác định hàng hoặc căn chỉnh các tiện ích giữa các cột.

Các cột hiển thị cạnh nhau. Bạn có thể tuỳ chỉnh chiều rộng của từng cột bằng cách sử dụng Trường HorizontalSizeStyle. Nếu chiều rộng màn hình của người dùng quá hẹp, cột thứ hai đặt bên dưới mục đầu tiên:

  • Trên web, cột thứ hai sẽ gói nếu chiều rộng màn hình nhỏ hơn hoặc bằng 480 pixel.
  • Trên thiết bị iOS, cột thứ hai sẽ gói nếu chiều rộng màn hình nhỏ hơn hoặc bằng 300 phần
  • Trên thiết bị Android, cột thứ hai sẽ gói nếu chiều rộng màn hình nhỏ hơn hoặc bằng 320 dp.

Dùng được cho các ứng dụng Google Chat và tiện ích bổ sung của Google Workspace. Giao diện người dùng tiện ích bổ sung hỗ trợ các cột bao gồm:

  • Hộp thoại hiển thị khi người dùng mở tiện ích bổ sung từ một email nháp.
  • Hộp thoại này sẽ xuất hiện khi người dùng mở tiện ích bổ sung trên trình đơn Thêm tệp đính kèm trong Sự kiện trên Lịch Google.
// Build a column that is aligned in the center and fills the space:
const column = CardService.newColumn()
    .setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
    .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
    .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns()
    .addColumn(column)
    .setWrapStyle(CardService.WrapStyle.WRAP);

Phương thức

Phương thứcLoại dữ liệu trả vềMô tả ngắn
addColumn(column)ColumnsThêm Column vào tiện ích Cột.
setWrapStyle(wrapStyle)ColumnsĐặt kiểu bao bọc của cột, kiểm soát cách thay đổi kích thước cột dựa trên chiều rộng màn hình.

Tài liệu chi tiết

addColumn(column)

Thêm Column vào tiện ích Cột. Các cột được hiển thị theo thứ tự mà chúng được thêm vào. Bạn có thể thêm tối đa 2 cột.

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn());

Thông số

TênLoạiMô tả
columnColumnMột cột con để thêm vào tiện ích Cột.

Cầu thủ trả bóng

Columns – Đối tượng này để tạo chuỗi.


setWrapStyle(wrapStyle)

Đặt kiểu gói của các cột, kiểm soát cách cột đổi kích thước dựa trên chiều rộng màn hình.

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn())
    .setWrapStyle(CardService.WrapStyle.WRAP);

Thông số

TênLoạiMô tả
wrapStyleWrapStyleKiểu xuống dòng cần đặt cho các cột.

Cầu thủ trả bóng

Columns – Đối tượng này để tạo chuỗi.