Usar ícones personalizados

Para usar um ícone personalizado, chame addIcon ou getIcon em um bloco.

Adicionar um ícone

Para adicionar um ícone personalizado a um bloco, transmita o bloco ao construtor do ícone e chame addIcon no bloco. Por exemplo, você pode fazer isso ao inicializar o bloco ou em resposta a um evento.

JSON

// Use an extension to add a custom icon during initialization.
Blockly.Extensions.register("addMyIcon", function () {
  this.addIcon(new MyIcon(this));
})

Blockly.common.defineBlocksWithJsonArray([
  {
    type: "my_block",
    // ...
    extensions: ["addMyIcon"],
  },
])

JavaScript

// Add a custom icon during initialization.
Blockly.Blocks['my_block'] = {
  init: function() {
    //...
    this.addIcon(new MyIcon(this));
  },
}

Receber um ícone

Para receber um ícone personalizado de um bloco, chame getIcon e transmita a string de tipo do ícone.

const myIcon = myBlock.getIcon('my_icon');