Zestaw narzędzi zawiera bloki używane do programowania. Bloki można przeciągać na obszar roboczy.
Więcej informacji o wyglądzie zestawu narzędzi znajdziesz w słowniczku wizualnym.
Definicja podstawowa
Definicja z zestawu narzędzi określa, które bloki są dodawane do zestawu i w jakiej kolejności. Większość wyglądu i stylu zestawu narzędzi można określić w inny sposób.
Zalecamy zdefiniowanie zestawu narzędzi w formacie JSON.
Ten fragment kodu definiuje wysuwany zestaw narzędzi złożony z dwóch bloków:
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});
Więcej informacji o definiowaniu i konfigurowaniu zestawu narzędzi znajdziesz w artykule Omówienie Zestawu narzędzi.
Więcej informacji o wstrzykiwaniu znajdziesz w artykule o tworzeniu obszaru roboczego.