วิดเจ็ตที่แสดงรูปภาพเดียว ดูข้อมูลเกี่ยวกับการครอบตัดรูปภาพได้ที่ ImageCropStyle
ใช้ได้กับส่วนเสริมของ Google Workspace และแอป Google Chat
var image = CardService.newImage().setAltText("A nice image").setImageUrl("https://image.png");
เมธอด
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
setAltText(altText) | Image | ตั้งค่าข้อความสำรองของรูปภาพสำหรับการช่วยเหลือพิเศษ |
setAuthorizationAction(action) | Image | ตั้งค่าการดำเนินการให้สิทธิ์ที่เปิด URL ไปยังขั้นตอนการให้สิทธิ์เมื่อออบเจ็กต์ถูก คลิกแล้ว |
setComposeAction(action, composedEmailType) | Image | ตั้งค่าการทำงานที่จะเขียนอีเมลฉบับร่างเมื่อมีการคลิกออบเจ็กต์ |
setImageUrl(url) | Image | ตั้งค่ารูปภาพที่จะใช้ด้วยการระบุ URL หรือสตริงข้อมูล |
setOnClickAction(action) | Image | ตั้งค่าการทำงานที่จะดำเนินการเมื่อมีการคลิกออบเจ็กต์ |
setOnClickOpenLinkAction(action) | Image | ตั้งค่าการทำงานที่จะเปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์ |
setOpenLink(openLink) | Image | ตั้งค่า URL ที่จะเปิดเมื่อมีการคลิกออบเจ็กต์ |
เอกสารโดยละเอียด
setAltText(altText)
ตั้งค่าข้อความสำรองของรูปภาพสำหรับการช่วยเหลือพิเศษ ต้องระบุ
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
altText | String | ข้อความสำรองที่จะกำหนดให้กับรูปภาพนี้ |
รีเทิร์น
Image
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่
setAuthorizationAction(action)
ตั้งค่าการดำเนินการให้สิทธิ์ที่เปิด URL ไปยังขั้นตอนการให้สิทธิ์เมื่อออบเจ็กต์ถูก คลิกแล้ว ซึ่งจะเปิด URL ในหน้าต่างใหม่ เมื่อผู้ใช้ทำขั้นตอนการให้สิทธิ์เสร็จ กลับไปที่แอปพลิเคชัน แล้วส่วนเสริมจะโหลดซ้ำ
ออบเจ็กต์ UI สามารถตั้งค่า setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
หรือ setComposeAction(action, composedEmailType)
ได้เพียง 1 รายการเท่านั้น
// ... var action = CardService.newAuthorizationAction().setAuthorizationUrl('url'); CardService.newTextButton().setText('Authorize').setAuthorizationAction(action);
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | AuthorizationAction | ออบเจ็กต์ที่ระบุการดำเนินการให้สิทธิ์ที่จะดำเนินการเมื่อองค์ประกอบนี้ คลิกแล้ว |
รีเทิร์น
Image
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่
setComposeAction(action, composedEmailType)
ตั้งค่าการทำงานที่จะเขียนอีเมลฉบับร่างเมื่อมีการคลิกออบเจ็กต์ ออบเจ็กต์ UI ทำได้เพียง
มี setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
setAuthorizationAction(action)
หรือ setComposeAction(action, composedEmailType)
แล้ว
พารามิเตอร์ Action
ต้องระบุฟังก์ชัน Callback ที่ส่งคืนออบเจ็กต์ ComposeActionResponse
ที่กำหนดค่าโดยใช้ ComposeActionResponseBuilder.setGmailDraft(draft)
// ... var action = CardService.newAction().setFunctionName('composeEmailCallback'); CardService.newTextButton() .setText('Compose Email') .setComposeAction(action, CardService.ComposedEmailType.REPLY_AS_DRAFT); // ... function composeEmailCallback() { var thread = GmailApp.getThreadById(e.threadId); var draft = thread.createDraftReply('This is a reply'); return CardService.newComposeActionResponseBuilder() .setGmailDraft(draft) .build(); }
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | Action | ออบเจ็กต์ที่ระบุการดำเนินการเขียนที่จะทำเมื่อองค์ประกอบนี้ คลิกแล้ว |
composedEmailType | ComposedEmailType | ค่า enum ที่ระบุว่าข้อความร่างที่เขียนขึ้นเป็น แบบสแตนด์อโลนหรือฉบับร่างการตอบกลับ |
รีเทิร์น
Image
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่
setImageUrl(url)
ตั้งค่ารูปภาพที่จะใช้ด้วยการระบุ URL หรือสตริงข้อมูล ต้องระบุ
URL ที่ระบุอาจเป็น URL ที่เข้าถึงได้แบบสาธารณะหรือสตริงรูปภาพที่เข้ารหัส base64
ในการรับรายการหลัง คุณสามารถใช้โค้ดต่อไปนี้เพื่อสร้างสตริงภาพที่เข้ารหัสจาก
รูปภาพใน Google ไดรฟ์ แล้วเก็บสตริงนั้นไว้ใช้กับ setImageUrl(url)
ในภายหลัง วิธีนี้จะป้องกันไม่ให้ส่วนเสริมของคุณเข้าถึงโค้ด
URL ของรูปภาพที่ใช้ได้:
// The following assumes you have the image to use in Google Drive and have its ID. var imageBytes = DriveApp.getFileById(imageID).getBlob().getBytes(); var encodedImageURL = "data:image/jpeg;base64," + Utilities.base64Encode(imageBytes); // You can store encodeImageURL and use it as a parameter to Image.setImageUrl(url).
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
url | String | ที่อยู่ URL ของรูปภาพที่โฮสต์ไว้ที่จะใช้ หรือสตริงรูปภาพที่เข้ารหัส |
รีเทิร์น
Image
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่
setOnClickAction(action)
ตั้งค่าการทำงานที่จะดำเนินการเมื่อมีการคลิกออบเจ็กต์ ออบเจ็กต์ UI สามารถมีได้เพียงรายการเดียว
ชุด setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
หรือ setComposeAction(action, composedEmailType)
พารามิเตอร์ Action
ต้องระบุฟังก์ชัน Callback ที่ส่งคืนออบเจ็กต์ ActionResponse
// ... var 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(); }
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | Action | การดำเนินการที่จะทำเมื่อมีการคลิกองค์ประกอบนี้ |
รีเทิร์น
Image
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่
setOnClickOpenLinkAction(action)
ตั้งค่าการทำงานที่จะเปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อ
ต้องสร้าง URL หรือเมื่อคุณต้องดำเนินการอื่นๆ เพิ่มเติมเพื่อสร้างออบเจ็กต์ OpenLink
ออบเจ็กต์ UI สามารถมี setOpenLink(openLink)
, setOnClickAction(action)
, setOnClickOpenLinkAction(action)
, setAuthorizationAction(action)
หรือ
ตั้งค่า setComposeAction(action, composedEmailType)
แล้ว
พารามิเตอร์ Action
ต้องระบุฟังก์ชัน Callback ที่ส่งคืนออบเจ็กต์ ActionResponse
ที่กำหนดค่าโดยใช้ ActionResponseBuilder.setOpenLink(openLink)
// ... var 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(); }
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
action | Action | ออบเจ็กต์ที่ระบุการดำเนินการ Open Link ที่จะทำเมื่อองค์ประกอบนี้ คลิกแล้ว |
รีเทิร์น
Image
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่
setOpenLink(openLink)
ตั้งค่า URL ที่จะเปิดเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อ URL มี
รู้จักและจำเป็นต้องเปิดเท่านั้น ออบเจ็กต์ UI มี setOpenLink(openLink)
ได้เพียง 1 รายการเท่านั้น
setOnClickAction(action)
setOnClickOpenLinkAction(action)
setAuthorizationAction(action)
หรือ setComposeAction(action, composedEmailType)
แล้ว
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
openLink | OpenLink | ออบเจ็กต์ OpenLink ที่อธิบาย URL ที่จะเปิด |
รีเทิร์น
Image
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่