カスタム アイコンを使用する

カスタム アイコンを使用するには、ブロックで addIcon または getIcon を呼び出します。

追加

ブロックにカスタム アイコンを追加するには、ブロックをアイコンのコンストラクタに渡し、ブロックで addIcon を呼び出します。たとえば、ブロックの初期化時やイベントに応じて、この処理を行うことができます。

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

アイコンを取得する

ブロックからカスタム アイコンを取得するには、getIcon を呼び出して、アイコンのタイプ文字列を渡します。

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