Definiowanie blokad niestandardowych

Bloki są używane do programowania. Reprezentują one wyrażenia i instrukcje w językach programowania tekstowych.

Więcej informacji o blokach i ich elementach znajdziesz w wizualnym glosariuszu.

Definicja bloku

Definicja bloku określa połączenia i pola elementów łamigłówki w bloku. Większość wyglądu i stylu bloków jest określana w inne sposoby. Ciąg znaków (zwykle kod), na który jest konwertowany blok, jest zdefiniowany jako generator kodu bloku.

Najprostszym sposobem definiowania prostych bloków jest użycie kodu JSON.

Ten fragment kodu definiuje blok „Przenieś do przodu” z połączeniami następnym i poprzednim oraz jednym polem dla odległości.

// Create the definition.
const definitions = Blockly.common.createBlockDefinitionsFromJsonArray([
  {
    // The type is like the "class name" for your block. It is used to construct
    // new instances. E.g. in the toolbox.
    type: 'my_custom_block',
    // The message defines the basic text of your block, and where inputs or
    // fields will be inserted.
    message0: 'move forward %1',
    args0: [
      // Each arg is associated with a %# in the message.
      // This one gets substituted for %1.
      {
        // The type specifies the kind of input or field to be inserted.
        type: 'field_number',
        // The name allows you to reference the field and get its value.
        name: 'FIELD_NAME',
      }
    ],
    // Adds an untyped previous connection to the top of the block.
    previousStatement: null,
    // Adds an untyped next connection to the bottom of the block.
    nextStatement: null,
  }
]);

// Register the definition.
Blockly.common.defineBlocks(definitions);

Blok do przemieszczania się do przodu

Więcej informacji o definiowaniu bloków i ich dodawaniu do panelu narzędzi znajdziesz w artykule Omówienie bloków niestandardowych.