Pola obrazu

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