Kolom gambar

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

Kolom gambar

Kolom gambar pada blok yang diciutkan

Alat

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 secara akurat menjelaskan/merepresentasikan gambar. Ini digunakan sebagai pengganti gambar saat blok diciutkan. Jika null atau undefined, string kosong akan digunakan.
opt_onClick	(Opsional) Fungsi yang akan dipanggil saat kolom diklik.
opt_flipRtl	(Opsional) Boolean. Jika true, gambar akan dibalik di 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 informasi tentang validator secara umum, lihat Validator.

Kolom gambar tidak menerima validator; tetapi secara eksplisit menerima fungsi yang dipanggil setiap kali kolom diklik. Artinya, gambar dapat berfungsi seperti tombol yang ada di blok.

Pemroses klik dapat ditetapkan di JavaScript Constructor atau menggunakan fungsi setOnClickHandler.

Berikut adalah contoh pengendali klik yang menciutkan blok saat dipanggil.

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