ツールボックスには、プログラミングに使用するブロックが含まれています。ブロックをワークスペースにドラッグできます。
ツールボックスの詳細については、ビジュアル用語集をご覧ください。
基本的な定義
ツールボックスの定義では、ツールボックスに含めるブロックとその順序を指定します。ツールボックスの外観とスタイルのほとんどは、別の方法で指定されます。
ツールボックスの定義には JSON を使用することをおすすめします。
次のコード スニペットは、2 つのブロックを持つフライアウト ツールボックスを定義しています。
const toolbox = {
// There are two kinds of toolboxes. The simpler one is a flyout toolbox.
kind: 'flyoutToolbox',
// The contents is the blocks and other items that exist in your toolbox.
contents: [
{
kind: 'block',
type: 'controls_if'
},
{
kind: 'block',
type: 'controls_whileUntil'
}
// You can add more blocks to this array.
]
};
// The toolbox gets passed to the configuration struct during injection.
const workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});
ツールボックスを定義して構成する方法については、ツールボックスの概要をご覧ください。
インジェクションの詳細については、ワークスペースの作成をご覧ください。