Pola obrazu

Pole obrazu przechowuje ciąg znaków jako wartość i ciąg znaków jako tekst. Jego wartość to src obrazu, a tekst to ciąg tekstowy alt opisujący lub 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 obrazu przyjmuje:

Parametr	Opis
src	Ciąg tekstowy wskazujący plik obrazu rastrowego.
width	Musi być zamieniany na liczbę niezerową.
height	Musi być zamieniany na liczbę niezerową.
opt_alt	(Opcjonalnie) Ciąg tekstowy, który dokładnie opisuje lub przedstawia obraz. Jest on używany zamiast obrazu, gdy blok jest zwinięty. Jeśli jest to null lub undefined, używany jest pusty ciąg znaków.
opt_onClick	(Opcjonalnie) Funkcja wywoływana po kliknięciu pola.
opt_flipRtl	(Opcjonalnie) Wartość logiczna. Jeśli true, obraz jest odwracany wzdłuż osi pionowej w trybie od prawej do lewej. Domyślna wartość to false. Przydatne dla ikon „skręć w lewo” i „skręć w prawo”.

Publikacja w odcinkach

Pola obrazu nie mogą być serializowane.

Obsługa kliknięcia

Uwaga: informacje o walidatorach znajdziesz w artykule Walidatory.

Pole obrazka nie akceptuje walidatora, ale wyraźnie akceptuje funkcję, która jest wywoływana po kliknięciu pola. Oznacza to, że obrazy mogą działać jak przyciski na blokach.

Obsługę kliknięcia można ustawić w konstruktorze JavaScriptu lub za pomocą funkcji setOnClickHandler.

Oto przykład metody obsługi kliknięcia, która zwija blok, gdy zostanie wywołana.

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