Kolom gambar

Kolom gambar menyimpan string sebagai nilainya, dan string sebagai teksnya. Nilainya adalah src gambar, sedangkan teksnya adalah string alternatif yang menjelaskan/mewakili gambar.

Kolom Gambar

Kolom gambar di blok yang diciutkan

yang Dipicu oleh Tren

JSON

{
  "type": "example_image",
  "message0": "image: %1",
  "args0": [
    {
      "type": "field_image",
      "src": "https://www.gstatic.com/codesite/ph/images/star_on.gif",
      "width": 15,
      "height": 15,
      "alt": "*"
    }
  ]
}

JavaScript

Blockly.Blocks['example_image'] = {
  init: function() {
    this.appendDummyInput()
      .appendField("image:")
      .appendField(new Blockly.FieldImage(
        "https://www.gstatic.com/codesite/ph/images/star_on.gif",
        15,
        15,
        "*"));
  }
};

Konstruktor gambar mengambil:

Parameter	Deskripsi
src	String yang mengarah ke file gambar raster.
width	Harus ditransmisikan ke angka selain nol.
height	Harus ditransmisikan ke angka selain nol.
opt_alt	(Opsional) String yang menjelaskan/merepresentasikan gambar secara akurat. Jika yang ditampilkan adalah null atau undefined, string kosong akan digunakan.
opt_onClick	(Opsional) Fungsi yang akan dipanggil saat kolom diklik.
opt_flipRtl	(Opsional) Boolean. Jika true, gambar dibalik pada sumbu vertikal saat dalam mode kanan-ke-kiri. Nilai defaultnya adalah false. Berguna untuk ikon "belok kiri" dan "belok kanan".

Serialisasi

Kolom gambar tidak dapat diserialisasi.

Pengendali klik

Catatan: Untuk mengetahui informasi tentang validator secara umum, lihat Validator.

Kolom gambar tidak menerima validator, tetapi secara eksplisit menerima fungsi yang dipanggil setiap kali kolom diklik. Ini berarti gambar dapat bertindak seperti tombol yang ada di blok.

Pengendali on click dapat ditetapkan di Konstruktor JavaScript atau menggunakan fungsi setOnClickHandler.

Berikut adalah contoh pengendali on click yang menciutkan blok saat dipanggil.

function() {
    this.getSourceBlock().setCollapsed(true);
}