Halaman ini diterjemahkan oleh Cloud Translation API.

Class Image

Widget yang menampilkan satu gambar. Untuk informasi tentang cara memangkas gambar, lihat ImageCropStyle.

Tersedia untuk Add-on Google Workspace dan aplikasi Google Chat.

const image = CardService.newImage()
                  .setAltText('A nice image')
                  .setImageUrl('https://image.png');

Metode

Metode	Jenis hasil yang ditampilkan	Deskripsi singkat
`setAltText(altText)`	`Image`	Menetapkan teks alternatif gambar untuk aksesibilitas.
`setAuthorizationAction(action)`	`Image`	Menetapkan tindakan otorisasi yang membuka URL ke alur otorisasi saat objek diklik.
`setComposeAction(action, composedEmailType)`	`Image`	Menetapkan tindakan yang menulis draf email saat objek diklik.
`setImageUrl(url)`	`Image`	Menetapkan gambar yang akan digunakan dengan memberikan URL atau string datanya.
`setOnClickAction(action)`	`Image`	Menetapkan tindakan yang dieksekusi saat objek diklik.
`setOnClickOpenLinkAction(action)`	`Image`	Menetapkan tindakan yang membuka URL di tab saat objek diklik.
`setOpenLink(openLink)`	`Image`	Menetapkan URL yang akan dibuka saat objek diklik.

Dokumentasi mendetail

`setAltText(altText)`

Menetapkan teks alternatif gambar untuk aksesibilitas. Wajib.

Parameter

Nama	Jenis	Deskripsi
`altText`	`String`	Teks alternatif yang akan ditetapkan ke gambar ini.

Pulang pergi

Image — Objek ini, untuk pembuatan rantai.

`setAuthorizationAction(action)`

Menetapkan tindakan otorisasi yang membuka URL ke alur otorisasi saat objek diklik. Tindakan ini akan membuka URL di jendela baru. Saat pengguna menyelesaikan alur otorisasi dan kembali ke aplikasi, add-on akan dimuat ulang.

Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) yang ditetapkan.

// ...

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

Parameter

Nama	Jenis	Deskripsi
`action`	`AuthorizationAction`	Objek yang menentukan tindakan otorisasi yang akan diambil saat elemen ini diklik.

Pulang pergi

Image — Objek ini, untuk pembuatan rantai.

`setComposeAction(action, composedEmailType)`

Menetapkan tindakan yang menulis draf email saat objek diklik. Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) yang ditetapkan.

Parameter Action harus menentukan fungsi callback yang menampilkan objek ComposeActionResponse yang dikonfigurasi menggunakan ComposeActionResponseBuilder.setGmailDraft(draft).

Catatan: Metode ini tidak menetapkan tindakan compose yang digunakan untuk memperluas UI compose. Sebaliknya, metode ini menghubungkan elemen UI ini ke Action yang menulis pesan draf di Apps Script yang dibuka di Gmail saat tindakan selesai.

// ...

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();
}

Parameter

Nama	Jenis	Deskripsi
`action`	`Action`	Objek yang menentukan tindakan compose yang akan diambil saat elemen ini diklik.
`composedEmailType`	`ComposedEmailType`	Nilai enum yang menentukan apakah draf yang disusun adalah draf mandiri atau balasan.

Pulang pergi

Image — Objek ini, untuk pembuatan rantai.

`setImageUrl(url)`

Menetapkan gambar yang akan digunakan dengan memberikan URL atau string datanya. Wajib.

URL yang diberikan dapat berupa URL yang dapat diakses publik atau string gambar berenkode base64. Untuk mendapatkan yang terakhir, Anda dapat menggunakan kode berikut untuk membuat string gambar yang dienkode dari gambar di Google Drive, lalu menyimpan string tersebut untuk digunakan nanti dengan setImageUrl(url). Metode ini mencegah add-on Anda mengakses URL gambar yang tersedia secara publik:

// The following assumes you have the image to use in Google Drive and have its
// ID.
const imageBytes = DriveApp.getFileById('123abc').getBlob().getBytes();
const encodedImageURL =
    `data:image/jpeg;base64,${Utilities.base64Encode(imageBytes)}`;

// You can store encodeImageURL and use it as a parameter to
// Image.setImageUrl(url).

Parameter

Nama	Jenis	Deskripsi
`url`	`String`	Alamat URL gambar yang dihosting yang akan digunakan, atau string gambar yang dienkode.

Pulang pergi

Image — Objek ini, untuk pembuatan rantai.

`setOnClickAction(action)`

Menetapkan tindakan yang dieksekusi saat objek diklik. Objek UI hanya dapat memiliki salah satu setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) yang ditetapkan.

Parameter Action harus menentukan fungsi callback yang menampilkan objek 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();
}

Parameter

Nama	Jenis	Deskripsi
`action`	`Action`	Tindakan yang akan diambil saat elemen ini diklik.

Pulang pergi

Image — Objek ini, untuk pembuatan rantai.

`setOnClickOpenLinkAction(action)`

Menetapkan tindakan yang membuka URL di tab saat objek diklik. Gunakan fungsi ini saat URL perlu dibuat atau saat Anda perlu melakukan tindakan lain selain membuat objek OpenLink. Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) yang ditetapkan.

Parameter Action harus menentukan fungsi callback yang menampilkan objek ActionResponse yang dikonfigurasi menggunakan 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();
}

Parameter

Nama	Jenis	Deskripsi
`action`	`Action`	Objek yang menentukan tindakan buka link yang akan dilakukan saat elemen ini diklik.

Pulang pergi

Image — Objek ini, untuk pembuatan rantai.

`setOpenLink(openLink)`

Menetapkan URL yang akan dibuka saat objek diklik. Gunakan fungsi ini jika URL sudah diketahui dan hanya perlu dibuka. Objek UI hanya dapat memiliki salah satu dari setOpenLink(openLink), setOnClickAction(action), setOnClickOpenLinkAction(action), setAuthorizationAction(action), atau setComposeAction(action, composedEmailType) yang ditetapkan.

Parameter

Nama	Jenis	Deskripsi
`openLink`	`OpenLink`	Objek `OpenLink` yang menjelaskan URL yang akan dibuka.

Pulang pergi

Image — Objek ini, untuk pembuatan rantai.