新增工具箱
工具箱包含您用來編寫程式的區塊。封鎖條件可以是
拖曳到工作區
如需進一步瞭解工具箱的外觀,請參閱視覺元素
詞彙解釋。
基本定義
工具箱定義可指定工具箱包含哪些區塊,以及
順序。工具箱的大部分外觀和樣式是透過其他方式指定
管理基礎架構
建議您使用 JSON 定義工具箱。
這個程式碼片段定義了包含兩個區塊的彈出式工具箱:
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});

如要進一步瞭解如何定義和設定工具箱,請參閱
工具箱總覽。
如要進一步瞭解插入,請參閱
建立工作區。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2025-03-10 (世界標準時間)。
[null,null,["上次更新時間:2025-03-10 (世界標準時間)。"],[[["The Blockly toolbox houses programming blocks that users can drag onto the workspace to build programs."],["Toolboxes are typically defined using JSON to specify which blocks are included and their arrangement."],["The provided code snippet demonstrates creating a basic flyout toolbox containing 'controls_if' and 'controls_whileUntil' blocks."],["Further information regarding toolbox configuration and workspace injection can be found in the linked resources."]]],["The toolbox, containing program blocks, is defined using JSON and can be dragged onto the workspace. A flyout toolbox, a simpler type, is specified by its `kind` and `contents`. The `contents` array lists blocks, defined by their `kind` and `type`, such as `controls_if` and `controls_whileUntil`. This toolbox definition is then passed to the configuration during the workspace injection process using `Blockly.inject`.\n"]]