L'une des principales caractéristiques de l'interface de Blockly est sa capacité à être personnalisée, ce qui permet aux développeurs de créer une apparence unique pour leur application, conforme à leurs objectifs de marque ou d'expérience utilisateur. Il existe trois façons principales de personnaliser l'apparence de Blockly: les couleurs de bloc, les thèmes et les moteurs de rendu.
Couleur du bloc
La couleur principale d'un bloc peut être définie dans sa définition. Si cette option est définie, les couleurs secondaires du bloc (comme la couleur de la bordure) sont calculées automatiquement. Il s'agit du moyen le plus simple de modifier l'apparence des volumes.
→ Découvrez comment définir la couleur d'un bloc.
Thèmes
Les thèmes offrent un contrôle supplémentaire sur des options telles que la couleur et l'opacité des blocs, des boîtes à outils, des espaces de travail et d'autres composants. Un thème peut être défini de manière dynamique pour un espace de travail. De plus, il contient des catégories de styles pouvant être appliquées à des groupes de blocs.
→ Découvrez comment utiliser des thèmes fournis par Blockly ou créer votre propre thème.
Moteurs de rendu
Un moteur de rendu est un objet dans Blockly qui contrôle la façon dont les blocs sont dessinés dans l'espace de travail. Le moteur de rendu contrôle la forme des blocs et des points de connexion.
→ Découvrez comment utiliser des moteurs de rendu fournis par Blockly ou créer votre propre moteur de rendu.
Résumé
Pour modifier la couleur d'un bloc, utilisez sa définition. Si vous souhaitez modifier la couleur d'un autre élément ou être plus précis sur les couleurs de bloc, essayez un thème. Si vous souhaitez modifier la forme d'un élément, essayez un moteur de rendu.