Crea un workspace
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Un'area di lavoro Blockly è il componente di livello più alto di Blockly. È l'interfaccia utente che
utilizzi per programmare con i blocchi.
Per saperne di più sullo spazio di lavoro e sui relativi componenti secondari, consulta il glossario
visivo.
Div di inserimento
Uno spazio di lavoro Blockly deve essere inserito in un <div>, chiamato "div di inserimento".
L'inserimento div può essere dimensionato staticamente o
dinamicamente. Gli elementi Blockly all'interno di div aggiornano le proprie
dimensioni quando la finestra viene ridimensionata.
Il seguente snippet di codice mostra l'HTML per un'iniezione di dimensioni statiche
div:
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
Iniezione
L'inserimento crea tutti gli elementi secondari HTML che compongono la UI di uno spazio di lavoro. Esegue anche tutta l'inizializzazione necessaria per preparare lo spazio di lavoro all'uso.
La funzione di inserimento può accettare l'ID dell'inserimento div o l'inserimento div stesso:
// Passes the ID.
const workspace = Blockly.inject('blocklyDiv', { /* config */ });
// Passes the injection div.
const workspace = Blockly.inject(
document.getElementById('blocklyDiv'), { /* config */ });
Configurazione
Lo spazio di lavoro può essere configurato con numerose opzioni (come layout e stile)
durante l'inserimento.
Per ulteriori informazioni sulle opzioni di configurazione, consulta
Opzioni di configurazione.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-09-11 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-09-11 UTC."],[],["Blockly workspaces, the UI for block programming, are injected into a designated `\u003cdiv\u003e` element called the \"injection div.\" This div can have a fixed or dynamic size, with Blockly elements resizing accordingly. Injection initializes the workspace UI and readies it for use. The `Blockly.inject()` function, which creates the workspace, accepts either the injection div's ID or the div itself. Workspace configuration, including layout and style, is set during the injection process.\n"]]
