Class TextButton

ข้อความปุ่ม

TextButton ที่มีป้ายกำกับข้อความ คุณสามารถตั้งค่าสีพื้นหลังและปิดใช้งานปุ่มได้เมื่อต้องการ

พร้อมใช้งานสำหรับส่วนเสริมของ Google Workspace และแอป Google Chat

const textButton = CardService.newTextButton()                        .setText('Open Link')                        .setOpenLink(CardService.newOpenLink().setUrl(                            'https://www.google.com'));

เมธอด

วิธีการประเภทการแสดงผลรายละเอียดแบบย่อ
setAltText(altText)TextButtonตั้งค่าข้อความแสดงแทนของปุ่มสำหรับการช่วยเหลือพิเศษ
setAuthorizationAction(action)TextButtonตั้งค่าการดําเนินการให้สิทธิ์ที่จะเปิด URL ไปยังขั้นตอนการให้สิทธิ์เมื่อมีการคลิกออบเจ็กต์
setBackgroundColor(backgroundColor)TextButtonกำหนดสีพื้นหลังสำหรับปุ่ม TextButtonStyle.FILLED
setComposeAction(action, composedEmailType)TextButtonตั้งค่าการดําเนินการที่เขียนอีเมลฉบับร่างเมื่อมีการคลิกวัตถุ
setDisabled(disabled)TextButtonตั้งค่าว่าจะปิดใช้ปุ่มหรือไม่
setIcon(icon)TextButtonตั้งค่า Icon ที่กําหนดไว้ล่วงหน้าให้แสดงบนปุ่ม
setIconUrl(url)TextButtonตั้งค่า URL ของรูปภาพที่จะใช้เป็นไอคอนของปุ่มนี้
setMaterialIcon(icon)TextButtonตั้งค่าไอคอน Material Design
setOnClickAction(action)TextButtonตั้งค่าการดำเนินการที่จะทำงานเมื่อมีการคลิกวัตถุ
setOnClickOpenLinkAction(action)TextButtonตั้งค่าการดําเนินการที่เปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์
setOpenLink(openLink)TextButtonตั้งค่า URL ที่เปิดขึ้นเมื่อมีการคลิกออบเจ็กต์
setOverflowMenu(menu)TextButtonตั้งค่าให้เมนูป๊อปอัปเปิดขึ้นเมื่อมีการคลิกออบเจ็กต์
setText(text)TextButtonตั้งค่าข้อความที่แสดงบนปุ่ม
setTextButtonStyle(textButtonStyle)TextButtonตั้งค่าสไตล์ปุ่ม

เอกสารประกอบโดยละเอียด

setAltText(altText)

ตั้งค่าข้อความแสดงแทนของปุ่มสำหรับการช่วยเหลือพิเศษ หากไม่ได้ตั้งค่าไว้ ระบบจะใช้ค่าเริ่มต้นเป็นข้อความที่แสดงบนปุ่ม

พารามิเตอร์

ชื่อประเภทคำอธิบาย
altTextStringข้อความแสดงแทนที่จะกำหนดให้กับปุ่มนี้

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setAuthorizationAction(action)

ตั้งค่าการดําเนินการให้สิทธิ์ที่จะเปิด URL ไปยังขั้นตอนการให้สิทธิ์เมื่อมีการคลิกออบเจ็กต์ ซึ่งจะเป็นการเปิด URL ในหน้าต่างใหม่ เมื่อผู้ใช้ทำตามขั้นตอนการให้สิทธิ์จนเสร็จสิ้นและกลับไปที่แอปพลิเคชันแล้ว ส่วนเสริมจะโหลดซ้ำ

ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

// ...  const action = CardService.newAuthorizationAction().setAuthorizationUrl('url'); CardService.newTextButton().setText('Authorize').setAuthorizationAction(action);

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionAuthorizationActionออบเจ็กต์ที่ระบุการดำเนินการให้สิทธิ์ที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setBackgroundColor(backgroundColor)

กำหนดสีพื้นหลังสำหรับปุ่ม TextButtonStyle.FILLED หากไม่ได้ตั้งค่าสำหรับปุ่ม TextButtonStyle.FILLED ปุ่มจะใช้สีรองที่กําหนดไว้ใน manifest ของส่วนเสริม วิธีนี้ใช้ไม่ได้กับปุ่ม TextButtonStyle.OUTLINED

พารามิเตอร์

ชื่อประเภทคำอธิบาย
backgroundColorStringสีในรูปแบบ #rgb

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setComposeAction(action, composedEmailType)

ตั้งค่าการดําเนินการที่เขียนอีเมลฉบับร่างเมื่อมีการคลิกวัตถุ ออบเจ็กต์ UI หนึ่งๆ ตั้งค่าได้เพียง setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType) เท่านั้น

พารามิเตอร์ Action ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ ComposeActionResponse ที่กําหนดค่าโดยใช้ ComposeActionResponseBuilder.setGmailDraft(draft)

// ...  const action = CardService.newAction().setFunctionName('composeEmailCallback'); CardService.newTextButton()     .setText('Compose Email')     .setComposeAction(action, CardService.ComposedEmailType.REPLY_AS_DRAFT);  // ...  function composeEmailCallback(e) {   const thread = GmailApp.getThreadById(e.threadId);   const draft = thread.createDraftReply('This is a reply');   return CardService.newComposeActionResponseBuilder()       .setGmailDraft(draft)       .build(); }

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionActionออบเจ็กต์ที่ระบุการดำเนินการเขียนที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้
composedEmailTypeComposedEmailTypeค่า Enum ที่ระบุว่าข้อความร่างที่เขียนขึ้นเป็นข้อความร่างแบบสแตนด์อโลนหรือแบบตอบ

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setDisabled(disabled)

ตั้งค่าว่าจะปิดใช้ปุ่มหรือไม่ ปุ่มที่ปิดใช้จะเป็นสีเทาและคลิกไม่ได้

พารามิเตอร์

ชื่อประเภทคำอธิบาย
disabledBooleanสถานะปิดใช้

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setIcon(icon)

ตั้งค่า Icon ที่กําหนดไว้ล่วงหน้าให้แสดงบนปุ่ม ต้องใช้ค่านี้หรือ setIconUrl(url) เพื่อกำหนดรูปภาพปุ่ม

พารามิเตอร์

ชื่อประเภทคำอธิบาย
iconIconค่า Icon ที่กําหนดไว้ล่วงหน้าค่าใดค่าหนึ่ง

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setIconUrl(url)

ตั้งค่า URL ของรูปภาพที่จะใช้เป็นไอคอนของปุ่มนี้ ต้องใช้ค่านี้หรือ setIcon(icon) เพื่อกำหนดรูปภาพปุ่ม

พารามิเตอร์

ชื่อประเภทคำอธิบาย
urlStringที่อยู่ URL ของรูปภาพที่โฮสต์ไว้เพื่อใช้เป็นไอคอนของปุ่มนี้

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setMaterialIcon(icon)

ตั้งค่าไอคอน Material Design

const textButton = CardService.newTextButton().setMaterialIcon(     CardService.newMaterialIcon().setName('search'), );

พารามิเตอร์

ชื่อประเภทคำอธิบาย
iconMaterialIconไอคอนการออกแบบ Material

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setOnClickAction(action)

ตั้งค่าการดำเนินการที่จะทำงานเมื่อมีการคลิกวัตถุ ออบเจ็กต์ UI จะมีการตั้งค่าได้เพียงค่าเดียวจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

พารามิเตอร์ Action ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ 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(); }

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionActionการดำเนินการที่จะทำเมื่อมีการคลิกองค์ประกอบนี้

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setOnClickOpenLinkAction(action)

ตั้งค่าการดําเนินการที่เปิด URL ในแท็บเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อต้องสร้าง URL หรือเมื่อต้องดําเนินการอื่นๆ นอกเหนือจากการสร้างออบเจ็กต์ OpenLink ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

พารามิเตอร์ Action ต้องระบุฟังก์ชัน Callback ที่แสดงผลออบเจ็กต์ ActionResponse ที่กําหนดค่าโดยใช้ 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(); }

พารามิเตอร์

ชื่อประเภทคำอธิบาย
actionActionออบเจ็กต์ที่ระบุการดำเนินการเปิดลิงก์ที่จะดำเนินการเมื่อมีการคลิกองค์ประกอบนี้

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


ตั้งค่า URL ที่เปิดขึ้นเมื่อมีการคลิกออบเจ็กต์ ใช้ฟังก์ชันนี้เมื่อทราบ URL อยู่แล้วและต้องการเปิดเท่านั้น ออบเจ็กต์ UI สามารถตั้งค่าได้เพียง 1 รายการจาก setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action) หรือ setComposeAction(action, composedEmailType)

พารามิเตอร์

ชื่อประเภทคำอธิบาย
openLinkOpenLinkออบเจ็กต์ OpenLink ที่อธิบาย URL ที่จะเปิด

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setOverflowMenu(menu)

ตั้งค่าให้เมนูป๊อปอัปเปิดขึ้นเมื่อมีการคลิกออบเจ็กต์ แต่ละรายการในเมนูสามารถระบุการดำเนินการที่จะทริกเกอร์เมื่อมีการคลิก ระบบไม่รองรับเมนูที่ซ้อนกัน การดำเนินการสำหรับรายการในเมนูไม่ควรระบุเมนูรายการเพิ่มเติม

พร้อมใช้งานสำหรับแอป Google Chat อยู่ในเวอร์ชันตัวอย่างสำหรับนักพัฒนาซอฟต์แวร์สำหรับส่วนเสริมของ 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();

พารามิเตอร์

ชื่อประเภทคำอธิบาย
menuOverflowMenuออบเจ็กต์ที่ระบุเมนูรายการเพิ่มเติมที่จะแสดงเมื่อมีการคลิกองค์ประกอบนี้

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setText(text)

ตั้งค่าข้อความที่แสดงบนปุ่ม

พารามิเตอร์

ชื่อประเภทคำอธิบาย
textStringข้อความที่ปรากฏบนปุ่ม

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม


setTextButtonStyle(textButtonStyle)

ตั้งค่าสไตล์ปุ่ม หากไม่ได้ตั้งค่าไว้ ระบบจะใช้ปุ่ม TextButtonStyle.OUTLINED เป็นค่าเริ่มต้น

const button =     CardService.newTextButton()         .setText('Filled')         .setTextButtonStyle(CardService.TextButtonStyle.FILLED)         .setOpenLink(CardService.newOpenLink().setUrl('www.google.com'));

พารามิเตอร์

ชื่อประเภทคำอธิบาย
textButtonStyleTextButtonStyleรูปแบบของปุ่ม

รีเทิร์น

TextButton — ออบเจ็กต์นี้สําหรับการต่อเชื่อม