Resim alanları

Resim alanı, değer olarak bir dize, metin olarak da bir dize depolar. Değeri, resmin src'si, 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,
        "*"));
  }
};

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

Parametre	Açıklama
src	Raster görüntü dosyasına işaret eden bir dize.
width	Sıfır olmayan bir sayıya dönüştürülmelidir.
height	Sıfır olmayan bir sayıya dönüştürülmelidir.
opt_alt	(İsteğe bağlı) Resmi doğru şekilde açıklayan/temsil eden bir dize. Bu, blok daraltıldığında resim yerine kullanılır. null veya undefined ise boş bir dize kullanılır.
opt_onClick	(İsteğe bağlı) Alan tıklandığında çağrılacak işlev.
opt_flipRtl	(İsteğe bağlı) Boole değeri. true ise sağdan sola modundayken resim dikey eksen boyunca çevrilir. Varsayılan olarak false değerine ayarlanır. "Sola dön" ve "Sağa dön" simgeleri için kullanışlıdır.

Serileştirme

Resim alanları serileştirilemez.

Tıklama işleyici

Not: Genel olarak doğrulayıcılar hakkında bilgi edinmek için Doğrulayıcılar başlıklı makaleyi inceleyin.

Resim alanı doğrulayıcıyı kabul etmez. Bunun yerine, alan her tıklandığında çağrılan bir işlevi açıkça kabul eder. Bu, resimlerin bloklarda bulunan düğmeler gibi davranabileceği anlamına gelir.

Tıklama işleyicisi, JavaScript oluşturucu'da veya setOnClickHandler işlevi kullanılarak ayarlanabilir.

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

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