Kolom gambar

Kolom gambar menyimpan string sebagai nilainya, dan string sebagai teksnya. Ini nilai adalah src dari gambar, sedangkan teksnya adalah string alt mendeskripsikan/mewakili gambar.

Kolom gambar

Kolom gambar pada 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 melakukan transmisi ke angka selain nol.
`height`	Harus melakukan transmisi ke angka selain nol.
`opt_alt`	(Opsional) String yang mendeskripsikan/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 akan dibalik sepanjang sumbu vertikal saat dalam mode kanan-ke-kiri. Nilai defaultnya adalah `false`. Berguna untuk "belok kiri" dan "belok kanan" ikon.

Serialisasi

Kolom gambar tidak dapat diserialisasi.

Pengendali klik

Kolom gambar tidak menerima validator; sebagai gantinya, secara eksplisit menerima yang dipanggil setiap kali kolom diklik. Ini berarti bahwa gambar dapat bertindak seperti tombol yang ada pada blok.

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

Berikut ini contoh pengendali {i>on click<i} yang menciutkan blok saat dipanggil.

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