Utiliser des icônes personnalisées

Pour utiliser une icône personnalisée, appelez addIcon ou getIcon sur un bloc.

Ajouter une icône

Pour ajouter une icône personnalisée à un bloc, transmettez le bloc au constructeur de l'icône et appelez addIcon sur le bloc. Par exemple, vous pouvez le faire lors de l'initialisation du bloc ou en réponse à un événement.

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

Obtenir une icône

Pour obtenir une icône personnalisée à partir d'un bloc, appelez getIcon et transmettez la chaîne de type de l'icône.

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