动态类别

动态类别是指每次打开时都会根据函数动态重新填充的类别。

Blockly 支持此功能，允许您通过注册的字符串键将类别与函数相关联。该函数应返回类别内容的定义（包括代码块、按钮、标签等）。内容可以指定为 JSON 或 XML，但建议使用 JSON。

另请注意，该函数以参数形式提供目标工作区，因此动态类别中的代码块可以基于工作区的状态。

JSON

// Returns an array of objects.
var coloursFlyoutCallback = function(workspace) {
  // Returns an array of hex colours, e.g. ['#4286f4', '#ef0447']
  var colourList = getPalette();
  var blockList = [];
  for (var i = 0; i < colourList.length; i++) {
    blockList.push({
      'kind': 'block',
      'type': 'colour_picker',
      'fields': {
        'COLOUR': colourList[i]
      }
    });
  }
  return blockList;
};

// Associates the function with the string 'COLOUR_PALETTE'
myWorkspace.registerToolboxCategoryCallback(
    'COLOUR_PALETTE', coloursFlyoutCallback);

XML

// Returns an array of XML nodes.
var coloursFlyoutCallback = function(workspace) {
  // Returns an array of hex colours, e.g. ['#4286f4', '#ef0447']
  var colourList = getPalette();
  var blockList = [];
  for (var i = 0; i < colourList.length; i++) {
    var block = document.createElement('block');
    block.setAttribute('type', 'colour_picker');
    var field = document.createElement('field');
    field.setAttribute('name', 'COLOUR');
    field.innerText = colourList[i];
    block.appendChild(field);
    blockList.push(block);
  }
  return blockList;
};

// Associates the function with the string 'COLOUR_PALETTE'
myWorkspace.registerToolboxCategoryCallback(
    'COLOUR_PALETTE', coloursFlyoutCallback);

将动态类别函数与字符串键相关联（即注册）后，您可以将此字符串键分配给类别定义的 custom 属性，以使类别成为动态类别。

JSON

{
  "kind": "category",
  "name": "Colours",
  "custom": "COLOUR_PALETTE"
}

XML

<category name="Colours" custom="COLOUR_PALETTE"></category>

内置动态类别

Blockly 提供三种内置的动态类别。

• 'VARIABLE' 会为无类型变量创建类别。
• 'VARIABLE_DYNAMIC' 为类型化变量创建类别。它包含用于创建字符串、数字和颜色的按钮。

• 'PROCEDURE' 用于为函数块创建类别。

JSON

{
  "kind": "category",
  "name": "Variables",
  "custom": "VARIABLE"
},
{
  "kind": "category",
  "name": "Variables",
  "custom": "VARIABLE_DYNAMIC"
},
{
  "kind": "category",
  "name": "Functions",
  "custom": "PROCEDURE"
}

XML

<category name="Variables" custom="VARIABLE"></category>
<category name="Variables" custom="VARIABLE_DYNAMIC"></category>
<category name="Functions" custom="PROCEDURE"></category>

注意：'procedure' 一词在整个 Blockly 代码库中都有使用，但我们发现学生更容易理解 'function' 一词。对于由此带来的不便，我们深表歉意。