Pola obrazu

Pole obrazu zawiera ciąg znaków jako jego wartość i ciąg znaków jako tekst. To to źródło obrazu, a jego tekst to ciąg alternatywny opisujący lub przedstawiać 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`	Wartość musi być liczbą inną niż 0.
`height`	Wartość musi być liczbą inną niż 0.
`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 wybrano opcję `true`, obraz jest obrócony w kierunku osi pionowej w trybie od prawej do lewej. Domyślna wartość to `false`. Przydatne podczas skrętu w lewo i „skręć w prawo” .

Serializacja

Pola obrazów nie mogą być serializowalne.

Moduł obsługi kliknięć

W polu obrazu nie można używać walidatora. zamiast tego wyraźnie akceptuje 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 JavaScript lub za pomocą funkcji setOnClickHandler.

Oto przykład modułu obsługi przy kliknięciu, który zwija blok, gdy .

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