Pole obrazu przechowuje ciąg znaków jako wartość, a ciąg znaków jako tekst. Jego wartością jest źródło obrazu, a jego tekst to ciąg alternatywny opisujący/reprezentujący obraz.
Pole obrazu
Pole obrazu w zwiniętym bloku
na podstawie trendów
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,
"*"));
}
};
Konstruktor obrazów pobiera:
Parametr | Opis |
---|---|
src |
Ciąg znaków wskazujący plik obrazu rastrowego. |
width |
Musi rzutować na liczbę inną niż zero. |
height |
Musi rzutować na liczbę inną niż zero. |
opt_alt |
(Opcjonalnie) Ciąg znaków, który dokładnie opisuje lub reprezentuje obraz. Jeśli ma wartość null lub undefined , zostanie użyty pusty ciąg znaków. |
opt_onClick |
(Opcjonalnie) Funkcja wywoływana po kliknięciu pola. |
opt_flipRtl |
(Opcjonalnie) Wartość logiczna. Jeśli ustawiona jest wartość true , obraz jest obrócony względem osi pionowej w trybie od prawej do lewej. Domyślna wartość to false . Ta opcja jest przydatna w przypadku ikon „skręć w lewo” i „skręć w prawo”. |
Serializacja
Pola obrazów nie mogą być serializowane.
Moduł obsługi kliknięć
Pole obrazu nie akceptuje walidatora. Zamiast tego wyraźnie akceptuje funkcję, która jest wywoływana po każdym kliknięciu pola. Oznacza to, że obrazy mogą działać jak przyciski na bryłach.
Moduł obsługi po kliknięciu można ustawić w Konstruktorze JavaScriptu lub za pomocą funkcji setOnClickHandler.
Oto przykład modułu obsługi po kliknięciu, który zwija blok po wywołaniu.
function() {
this.getSourceBlock().setCollapsed(true);
}