Renderer
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
La forma di un blocco è determinata da un visualizzatore in base alla
definizione del blocco (ovvero i suoi campi e le sue connessioni).
Renderer integrati
Blockly fornisce tre visualizzatori integrati, ognuno dei quali offre un'esperienza leggermente diversa con il programma.
| Renderer |
Descrizione |
Immagine |
| Thrasos
|
Il renderer consigliato. Si tratta di un approccio più moderno al rendering di Geras, con spaziatura più uniforme e bordi solidi. |
|
| Geras
|
Il visualizzatore predefinito. È il visualizzatore originale con cui è stato creato Blockly. |
|
| Zelos |
Un renderer basato sul design dei blocchi di Scratch 3.0. |
 |
Per utilizzare uno di questi visualizzatori, passa il nome alle opzioni di configurazione:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Componenti di rendering personalizzati
Se vuoi dare al tuo programma un aspetto diverso da quello di qualsiasi visualizzatore integrato, puoi anche creare un visualizzatore personalizzato. Per iniziare, il
team di Blockly consiglia di:
- Leggi la documentazione del concetto di visualizzatore per scoprire come si combinano tutti i componenti di un visualizzatore.
- Completa il codelab sul renderer personalizzato per fare pratica con il rendering personalizzato.
- Aggiungi il renderizzatore di debug al progetto.
- Personalizza il renderer.
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-06-13 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-06-13 UTC."],[[["Block shape is determined by a renderer based on the block's definition, including fields and connections."],["Blockly offers three built-in renderers: Thrasos (recommended), Geras (default), and Zelos (Scratch-3.0 based)."],["Custom renderers can be created for unique program aesthetics by following documentation and tutorials."]]],[]]
