0

我想要一种称为“Movement”的不同类别的块，其中有两个块，称为MoveForward和MoveBackward。

在blockly 核心库的toolbox.xml文件中，我添加了用于创建 UI 的 XML 代码。

<category name="Movement" colour="190">

        <block type="move_forward">
            <value name="TEXT">
                <shadow type="text">
                    <field name="TEXT">4</field>
                </shadow>
            </value>
        </block>

        <block type="move_backward">
            <value name="TEXT">
                <shadow type="text">
                    <field name="TEXT">4</field>
                </shadow>
            </value>
        </block>

</category>

现在，在使用和运行这些块时，我需要在哪里添加将创建输出 JavaScript 代码的 JavaScript 代码？简单来说，我需要做些什么才能让这些块生成 JavaScript 代码？

4

1 回答 1

1

我假设您已经编写了块定义，并且这些块显示在工具箱 UI 中。在这种情况下，代码生成器就是您缺少的部分。所有块平台上的 JavaScript 中定义的生成器。它们看起来像这样：

// From the Android turtle demo.
// https://github.com/google/blockly-android/blob/master/blocklydemo/src/main/assets/turtle/generators.js
Blockly.JavaScript['turtle_move_internal'] = function(block) {
  // Generate JavaScript for moving forward or backwards.
  var value = block.getFieldValue('VALUE');
  return 'Turtle.' + block.getFieldValue('DIR') +
      '(' + value + ', \'block_id_' + block.id + '\');\n';
};

Blockly.JavaScript 是块类型名称（move_forward和move_backward，在您的情况下）到 JavaScript 生成器函数的映射。Block每个生成器函数都在一个 JavaScript对象中传递。这与 Blockly 网络版中随处使用的 API 相同。

编写您自己的生成器文件。如果您使用的是 Android，这应该放在您的资产文件夹中，并且由AbstractBlocklyActivity.getGeneratorsJsPaths().

于 2017-02-18T21:45:18.973 回答