使用自定义图标

如需使用自定义图标，请对某个代码块调用 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');