ImageButton
có hình ảnh hiển thị trên đó.
Có sẵn cho các ứng dụng Tiện ích bổ sung của Google Workspace và Google Chat.
const imageButton = CardService.newImageButton() .setAltText('An image button with an airplane icon.') .setIcon(CardService.Icon.AIRPLANE) .setOpenLink(CardService.newOpenLink().setUrl('https://airplane.com'));
Phương thức
Phương thức | Loại dữ liệu trả về | Mô tả ngắn |
---|---|---|
setAltText(altText) | ImageButton | Đặt văn bản thay thế của nút để hỗ trợ tiếp cận. |
setAuthorizationAction(action) | ImageButton | Đặt một hành động uỷ quyền mở URL đến quy trình uỷ quyền khi người dùng nhấp vào đối tượng. |
setComposeAction(action, composedEmailType) | ImageButton | Thiết lập một thao tác soạn email nháp khi người dùng nhấp vào đối tượng. |
setIcon(icon) | ImageButton | Đặt Icon được xác định trước để hiển thị trên nút. |
setIconUrl(url) | ImageButton | Đặt URL của một hình ảnh để sử dụng làm biểu tượng của nút này. |
setImageButtonStyle(imageButtonStyle) | ImageButton | Đặt kiểu nút. |
setMaterialIcon(icon) | ImageButton | Đặt biểu tượng Material Design. |
setOnClickAction(action) | ImageButton | Đặt một thao tác thực thi khi người dùng nhấp vào đối tượng. |
setOnClickOpenLinkAction(action) | ImageButton | Đặt một thao tác mở URL trong thẻ khi đối tượng được nhấp vào. |
setOpenLink(openLink) | ImageButton | Đặt URL sẽ được mở khi đối tượng được nhấp vào. |
setOverflowMenu(menu) | ImageButton | Đặt một trình đơn bật lên để mở khi nhấp vào đối tượng. |
Tài liệu chi tiết
setAltText(altText)
Đặt văn bản thay thế của nút để hỗ trợ tiếp cận. Bắt buộc.
Thông số
Tên | Loại | Mô tả |
---|---|---|
altText | String | Văn bản thay thế để gán cho nút này. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setAuthorizationAction(action)
Đặt một hành động uỷ quyền mở URL đến quy trình uỷ quyền khi người dùng nhấp vào đối tượng. Thao tác này sẽ mở URL trong một cửa sổ mới. Khi người dùng hoàn tất quy trình uỷ quyền và quay lại ứng dụng, tiện ích bổ sung sẽ tải lại.
Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
hoặc setComposeAction(action, composedEmailType)
.
// ... const action = CardService.newAuthorizationAction().setAuthorizationUrl('url'); CardService.newTextButton().setText('Authorize').setAuthorizationAction(action);
Thông số
Tên | Loại | Mô tả |
---|---|---|
action | AuthorizationAction | Đối tượng chỉ định thao tác uỷ quyền cần thực hiện khi người dùng nhấp vào phần tử này. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này để tạo chuỗi.
setComposeAction(action, composedEmailType)
Thiết lập một thao tác soạn email nháp khi người dùng nhấp vào đối tượng. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
hoặc setComposeAction(action, composedEmailType)
.
Tham số Action
phải chỉ định một hàm gọi lại trả về đối tượng ComposeActionResponse
được định cấu hình bằng ComposeActionResponseBuilder.setGmailDraft(draft)
.
// ... const action = CardService.newAction().setFunctionName('composeEmailCallback'); CardService.newTextButton() .setText('Compose Email') .setComposeAction(action, CardService.ComposedEmailType.REPLY_AS_DRAFT); // ... function composeEmailCallback() { const thread = GmailApp.getThreadById(e.threadId); const draft = thread.createDraftReply('This is a reply'); return CardService.newComposeActionResponseBuilder() .setGmailDraft(draft) .build(); }
Thông số
Tên | Loại | Mô tả |
---|---|---|
action | Action | Đối tượng chỉ định hành động soạn thư cần thực hiện khi nhấp vào phần tử này. |
composedEmailType | ComposedEmailType | Một giá trị enum chỉ định việc bản nháp đã soạn là bản nháp độc lập hay bản nháp câu trả lời. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setIcon(icon)
Đặt Icon
được xác định trước để hiển thị trên nút. Bạn phải sử dụng thuộc tính này hoặc setIconUrl(url)
để xác định hình ảnh nút.
Thông số
Tên | Loại | Mô tả |
---|---|---|
icon | Icon | Một trong các giá trị Icon được xác định trước. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setIconUrl(url)
Đặt URL của một hình ảnh để sử dụng làm biểu tượng của nút này. Bạn phải sử dụng thuộc tính này hoặc setIcon(icon)
để xác định hình ảnh nút.
Thông số
Tên | Loại | Mô tả |
---|---|---|
url | String | Địa chỉ URL của hình ảnh được lưu trữ để dùng làm biểu tượng của nút này. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setImageButtonStyle(imageButtonStyle)
Đặt kiểu nút. Nếu không được đặt, giá trị mặc định sẽ là nút ImageButtonStyle.BORDERLESS
.
Chỉ dành cho ứng dụng Google Chat. Không dùng được cho các tiện ích bổ sung của Google Workspace.
const imageButton = CardService.newImageButton().setImageButtonStyle( CardService.ImageButtonStyle.BORDERLESS, );
Thông số
Tên | Loại | Mô tả |
---|---|---|
imageButtonStyle | ImageButtonStyle | Kiểu nút. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setMaterialIcon(icon)
Đặt biểu tượng Material Design.
const imageButton = CardService.newImageButton().setMaterialIcon( CardService.newMaterialIcon().setName('search'), );
Thông số
Tên | Loại | Mô tả |
---|---|---|
icon | MaterialIcon | Biểu tượng Material Design. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setOnClickAction(action)
Thiết lập một thao tác thực thi khi đối tượng được nhấp vào. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
hoặc setComposeAction(action, composedEmailType)
.
Tham số Action
phải chỉ định một hàm callback trả về đối tượng ActionResponse
.
// ... const action = CardService.newAction().setFunctionName('notificationCallback'); CardService.newTextButton() .setText('Create notification') .setOnClickAction(action); // ... function notificationCallback() { return CardService.newActionResponseBuilder() .setNotification( CardService.newNotification().setText('Some info to display to user'), ) .build(); }
Thông số
Tên | Loại | Mô tả |
---|---|---|
action | Action | Hành động cần thực hiện khi nhấp vào phần tử này. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setOnClickOpenLinkAction(action)
Đặt một hành động mở URL trong một thẻ khi người dùng nhấp vào đối tượng. Hãy dùng hàm này khi cần tạo URL hoặc khi bạn cần thực hiện các thao tác khác ngoài việc tạo đối tượng OpenLink
. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
hoặc setComposeAction(action, composedEmailType)
.
Tham số Action
phải chỉ định một hàm gọi lại trả về đối tượng ActionResponse
được định cấu hình bằng ActionResponseBuilder.setOpenLink(openLink)
.
// ... const action = CardService.newAction().setFunctionName('openLinkCallback'); CardService.newTextButton() .setText('Open Link') .setOnClickOpenLinkAction(action); // ... function openLinkCallback() { return CardService.newActionResponseBuilder() .setOpenLink(CardService.newOpenLink().setUrl('https://www.google.com')) .build(); }
Thông số
Tên | Loại | Mô tả |
---|---|---|
action | Action | Đối tượng chỉ định thao tác cần thực hiện đối với đường liên kết mở khi người dùng nhấp vào phần tử này. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setOpenLink(openLink)
Đặt URL mở ra khi đối tượng được nhấp vào. Sử dụng hàm này khi URL đã được biết và chỉ cần mở. Một đối tượng giao diện người dùng chỉ có thể có một trong các tập hợp setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
hoặc setComposeAction(action, composedEmailType)
.
Thông số
Tên | Loại | Mô tả |
---|---|---|
openLink | OpenLink | Đối tượng OpenLink mô tả URL cần mở. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.
setOverflowMenu(menu)
Đặt một trình đơn bật lên để mở khi nhấp vào đối tượng. Mỗi mục trong trình đơn có thể chỉ định một thao tác sẽ được kích hoạt khi được nhấp vào. Không hỗ trợ trình đơn lồng nhau, các thao tác cho mục trong trình đơn không được chỉ định trình đơn mục bổ sung.
Chỉ dành cho ứng dụng Google Chat. Không dùng được cho các tiện ích bổ sung của Google Workspace.
const overflowMenuItem = CardService.newOverflowMenuItem() .setStartIcon( CardService.newIconImage().setIconUrl( 'https://www.google.com/images/branding/googleg/1x/googleg_standard_color_64dp.png', ), ) .setText('Open Link') .setOpenLink( CardService.newOpenLink().setUrl('https://www.google.com')); const overflowMenu = CardService.newOverflowMenu().addMenuItem(overflowMenuItem).build();
Thông số
Tên | Loại | Mô tả |
---|---|---|
menu | OverflowMenu | Đối tượng chỉ định trình đơn mục bổ sung sẽ hiển thị khi người dùng nhấp vào phần tử này. |
Cầu thủ trả bóng
ImageButton
– Đối tượng này, để tạo chuỗi.