Tiện ích Columns cho thấy tối đa 2 cột trong một thẻ hoặc hộp thoại. Bạn có thể thêm các tiện ích vào từng Column; các tiện ích này xuất hiện theo thứ tự được chỉ định. Để biết ví dụ về ví dụ trong các ứng dụng Google Chat, hãy xem phần Cột.
Chiều cao của mỗi cột được xác định bởi cột cao hơn. Ví dụ: nếu cột đầu tiên cao hơn cột thứ hai thì cả hai cột đều có chiều cao bằng cột đầu tiên. Vì mỗi cột có thể chứa một số lượng tiện ích khác nhau, nên bạn không thể xác định hàng hoặc căn chỉnh tiện ích giữa các cột.
Các cột được 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 sẽ xuống dưới cột thứ nhất:
- Trên web, cột thứ hai sẽ xuống dòng 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ẽ xuống dòng nếu chiều rộng màn hình nhỏ hơn hoặc bằng 300 pt.
- 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.
Được cung cấp cho các ứng dụng Google Chat và tiện ích bổ sung của Google Workspace.
// 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ức | Kiểu dữ liệu trả về | Mô tả ngắn |
|---|---|---|
addColumn(column) | Columns | Thêm Column vào tiện ích Cột. |
setWrapStyle(wrapStyle) | Columns | Đặt kiểu xuống dòng của 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. |
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. Bạn có thể thêm tối đa 2 cột.
const columns = CardService.newColumns()
.addColumn(CardService.newColumn());
Tham số
| Tên | Loại | Nội dung mô tả |
|---|---|---|
column | Column | Một cột con cần 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 xuống dòng của 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);
Tham số
| Tên | Loại | Nội dung mô tả |
|---|---|---|
wrapStyle | WrapStyle | Kiể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.