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);
}