Una delle caratteristiche principali dell'interfaccia di Blockly è la possibilità di personalizzazione, consentendo agli sviluppatori di creare un aspetto unico per l'applicazione, in linea con gli obiettivi del loro brand o di esperienza utente. Esistono tre modi principali per personalizzare l'aspetto di Blockly: colori dei blocchi, temi e renderer.
Colore blocco
Il colore principale di un blocco può essere impostato nella relativa definizione. Se impostato in questo modo, i colori secondari del blocco (ad esempio il colore del bordo) verranno calcolati automaticamente. Questo è il modo più semplice per modificare l'aspetto dei blocchi.
→ Scopri di più sull'impostazione del colore di un blocco.
Temi
I temi offrono un maggiore controllo su opzioni come il colore e l'opacità di blocchi, caselle degli strumenti, aree di lavoro e altri componenti. Un tema può essere impostato dinamicamente per un'area di lavoro e contiene categorie di stili che possono essere applicate a gruppi di blocchi.
→ Scopri di più sull'utilizzo dei temi forniti da Blockly o sulla creazione di un tema personalizzato.
Renderer
Un renderer è un oggetto in Blockly che controlla in che modo i blocchi vengono inseriti nell'area di lavoro. Il renderer controlla la forma di blocchi e punti di connessione.
→ Scopri di più sull'utilizzo dei renderer forniti da Blockly o sulla creazione di un renderer personalizzato.
Riepilogo
Se vuoi modificare il colore di un blocco, utilizza la relativa definizione. Se vuoi cambiare il colore di qualcos'altro o preferisci essere più specifico riguardo ai colori a blocchi, prova un tema. Se vuoi cambiare la forma di qualcosa, prova un renderingr.