Resim alanları

Resim alanı, değeri olarak bir dize ve metni olarak da bir dize depolar. Değeri resmin src değeri, 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	Kare resim dosyasını gösteren 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. Blok daraltıldığında resim yerine bu resim 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 ters ç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: Doğrulayıcılar hakkında genel bilgi için Doğrulayıcılar başlıklı makaleyi inceleyin.

Resim alanı bir 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şleyici örneği verilmiştir.

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