Blockly Developer Tools
Blockly Developer Tools 是一个基于Web的开发人员工具,可自动执行Blockly配置过程的各个部分,包括创建自定义块,构建工具箱和配置Web Blockly工作区。
使用该工具的Blockly开发人员流程包括三个部分:
- 使用“Block Factory”和“Block Exporter”创建自定义块。
- 使用工作区工厂构建工具箱和默认工作区。
- 使用Workspace Factory(当前为仅Web功能)配置工作区。
Block Factory Tab
“块工厂”选项卡可帮助您 为自定义块创建 块定义和 代码生成器。在此选项卡上,您可以轻松创建,修改和保存自定义块。
定义块
该视频详细介绍了定义块的步骤。用户界面已过期,但突出显示的块功能仍然准确。
Managing the library
块以它们的名称引用,因此要创建的每个块必须具有唯一的名称。UI会强制执行此操作,并在您“保存”新块或“更新”现有块时使其清楚。
您可以在先前保存的块之间切换,也可以通过单击“库”按钮来创建一个新的空块。更改现有块的名称是另一种快速创建具有相似定义的块的方法。
导出和导入库
块将保存到浏览器的本地存储中。清除浏览器的本地存储将删除您的块。要无限期保存块,必须下载库。块库以XML文件的形式下载,可以将其导入以将块库设置为下载文件时的状态。请注意,导入块库将替换您当前的块库,因此您可能要先导出。
推荐使用导入和导出功能来维护和共享不同的自定义块集。
块导出器选项卡
设计完块后,您将需要导出块定义和生成器存根以在应用程序中使用它们。这是在“块导出器”选项卡上完成的。
存储在块库中的每个块都将显示在块选择器中。单击该块以选择或取消选择要导出的块。如果要选择库中的所有块,请使用“选择”→“所有存储在块库中”选项。如果使用“工作区工厂”选项卡构建了工具箱或配置了工作区,则还可以通过单击“选择”→“所有在工作区工厂中使用”来选择使用的所有块。
导出设置使您可以选择要定位的生成语言,以及是否要为所选块定义,生成器存根或两者。选择这些文件后,单击“导出”以下载文件。
注意:如果在Mac上使用“保存”对话框,则一次只能下载 一个文件
工作区工厂选项卡
通过工作区工厂,可以轻松配置工具箱和工作区中的默认块集。您可以使用“工具箱”和“工作区”按钮在编辑工具箱和起始工作区之间切换。
建立一个工具箱
此选项卡有助于构建工具箱的XML。该材料假定您熟悉Toolbox的功能。如果已经具有要在此处编辑的工具箱的XML,则可以通过单击“加载到编辑”来加载它。
没有类别的工具箱
如果您有几个块并且要显示它们而没有任何类别,只需将它们拖到工作区中,您将看到您的块出现在预览中的工具箱中。
带有类别的工具箱
如果要按类别显示块,请单击“ +”按钮,然后为新类别选择下拉项。这会将一个类别添加到您可以选择和编辑的类别列表中。选择“标准类别”以添加单个标准的块类别(逻辑,循环等),或选择“标准工具箱”以添加所有标准的块类别。使用箭头按钮重新排序类别。
注意:标准类别和工具箱包括Playground中的所有块 。这组块不适用于大多数应用程序,应根据需要进行修剪。此外,移动设备尚不支持某些功能块。
要更改所选类别的名称或颜色,请使用“编辑类别”下拉菜单。将块拖到工作区中会将其添加到所选类别。
高级块
默认情况下,可以将任何标准块或库中的任何块添加到工具箱。如果您的库中没有使用JSON定义的块,则可以使用“导入自定义块”按钮导入它们。
某些块应一起使用或包括默认值。这是通过 组和阴影完成的。在编辑器中连接的所有块都将作为一个组添加到工具箱中。通过选择子块并单击“制作阴影”按钮,还可以将连接到另一个块的块更改为阴影块。注意:只有不包含变量的子块才可以更改为阴影块。
如果在其工具箱中包含变量或功能块,请在工具箱中包含“变量”或“功能”类别,以允许用户充分利用该块。了解有关 “变量”或“功能”类别的更多信息。
配置工作空间(用于Web Blockly)
要配置工作区的不同部分,请转到“工作区工厂”选项卡,然后选择“工作区”。
选择工作区选项
为配置选项设置不同的值, 并在预览区域中查看结果。启用 网格或 缩放会显示更多配置选项。同样,切换到使用类别通常需要更复杂的工作空间。添加第一个类别时,会自动添加垃圾桶和滚动条。
将预加载的块添加到工作区
这是可选的,但如果要在工作空间中显示一组块,则可能是必需的:
- 应用程序加载时。
- 触发事件(前进级别,单击帮助按钮等)时。
将块拖到编辑空间中,以在预览中的工作区中查看它们。选择它们时,可以创建块组,禁用块,并使某些块成为阴影块。
出口
Workspace Factory为您提供以下导出选项:
- 入门代码:生成入门html和javascript以注入自定义的Blockly工作区。
- 工具箱生成XML以指定您的工具箱。
- 工作区块生成可以加载到工作区中的XML。