配置 第四

配置 第四

右文提及一些配置项，此处详细展开。如无特殊需求可直接查看 Blockly Developer Tools 的使用方法，将会降低难度。

网格

grid: {
    spacing: 20,
    length: 3,
    colour: '#ccc',
    snap: true
}

依次代表格点间距，十字形格点的长短，格点颜色，以及是否自动将积木与网格对齐。

拖拽

move: {
    scrollbars:{
        horizontal: true,
        vertical: true    
    },
    drag: true,
    wheel: false
}

scrollbars 配置滚动。当传入的对象中键 horizontal 值为 true 时则显示水平滚动条。反之则禁止水平滚动条。vertical 对应垂直滚动条。

当向 scrollbars 传入一个布尔值，而非对象时，视作令 horizontal 和 vertical 都设为该布尔值。

只有 scrollbars 为 true 才能将 drag 设为 true。drag 代表是否允许鼠标拖拽移动 WorkSpace 。

只有 scrollbars 为 true 才能将 wheel 设为 true。wheel 代表是否允许鼠标滚轮移动 WorkSpace 。

缩放

 zoom: {
    controls: true,
    wheel: true,
    startScale: 1.0,
    maxScale: 3,
    minScale: 0.3,
    scaleSpeed: 1.2,
    pinch: true
}

依次为右下角是否显示缩放图标，是否允许滚轮缩放，起始大小比例，允许缩放的最大、最小大小比例，缩放速率，和移动设备是否允许二指缩放。

Blockly Developer Tools 生成配置

首先打开 Blockly Developer Tools，之后按图示顺序操作，点击 Workspace Factory 和 Workspace：

Blockly Developer Tools

中间一列即为右文已翻译的配置项。只需点击启用，调整网格等一干配置项的参数，便能即时地在右侧的预览中看到效果。

Export

此后单击 Export，再单击 Starter Code，就导出了 WorkSpace 的配置项。