Resim alanları

Resim alanında bir dize değeri olarak ve bir dize de metin olarak depolanır. Bu değer resmin src, metni ise alt dizesidir bir açıklamadır.

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

Görüntü oluşturucu şunları alır:

Parametre Açıklama
src Bir kafes resim dosyasına işaret eden dize.
width Sıfır olmayan bir sayıya atanmalıdır.
height Sıfır olmayan bir sayıya atanmalıdır.
opt_alt (İsteğe bağlı) Resmi doğru şekilde açıklayan/temsil eden bir dize. null veya undefined ise boş bir 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 resim sağdan sola modundayken resim dikey eksende çevrilir. Varsayılan olarak false değerine ayarlanır. "Sola dön" için kullanışlıdır ve "sağa dön" simgelerine dokunun.

Serileştirme

Resim alanları seri hale getirilemez.

Tıklama işleyici

Resim alanı doğrulayıcı kabul etmiyor; bunun yerine açıkça işlevi (alan her tıklandığında çağrılır.) Bu, resimlerin daha yüksek blokların üzerindeki düğmeler gibi çalışabilir.

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

Aşağıdaki örnek, çağrıldı.

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