Resim alanları

Bir resim alanında değer olarak bir dize, metni olarak bir dize depolanır. Değeri resmin src'sidir. Metnin metni ise resmi açıklayan/temsil eden bir alt dizedir.

Resim alanı

Daraltılmış bloktaki resim alanı

içerik üretimi

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,
        "*"));
  }
};

Resim oluşturucu şunları alır:

Parametre Açıklama
src Kafet resmi dosyasını işaret eden bir dize.
width Sıfır olmayan bir sayıya yayınlanması gerekir.
height Sıfır olmayan bir sayıya yayınlanması gerekir.
opt_alt (İsteğe bağlı) Resmi doğru şekilde açıklayan/temsil eden bir dize. null veya undefined ise boş dize kullanılır.
opt_onClick (İsteğe bağlı) Alan tıklandığında çağrılacak bir işlev.
opt_flipRtl (İsteğe bağlı) Boole. true ise sağdan sola modundayken resim dikey eksen boyunca döndürülür. Varsayılan olarak false değerine ayarlanır. "Sola dön" ve "sağa dön" simgeleri için yararlıdır.

Serileştirme

Resim alanları seri hale getirilemez.

Tıklama işleyici

Görüntü alanı bir doğrulayıcıyı kabul etmez. Bunun yerine, alan tıklandığında çağrılan bir işlevi açıkça kabul eder. Bu, resimlerin blokların üzerinde bulunan düğmeler gibi işleyebilecekleri anlamına gelir.

Tıklamada işleyici, JavaScript Oluşturucu'dan veya setOnClickHandler işlevi kullanılarak ayarlanabilir.

Burada, çağrıldığında bloğu daraltan bir tıklama işleyici örneği verilmiştir.

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