Eines der Hauptmerkmale der Oberfläche von Blockly ist die Möglichkeit, sie anzupassen. Entwickler können so ein individuelles Erscheinungsbild für ihre App erstellen, das zu den Zielen ihrer Marke oder Nutzererfahrung passt. Es gibt drei Möglichkeiten, das Erscheinungsbild von Blockly anzupassen: Blockfarben, -designs und -Renderer.
Blockfarbe
Die Hauptfarbe eines Blocks kann in der Blockdefinition festgelegt werden. In diesem Fall werden Sekundärfarben für den Block (z. B. Rahmenfarbe) automatisch berechnet. Dies ist die einfachste Möglichkeit, die Darstellung von Blöcken zu ändern.
→ Weitere Informationen zum Festlegen der Farbe von Blöcken
Designs
Mit Designs haben Sie zusätzliche Kontrolle über Optionen wie Farbe und Deckkraft von Blöcken, Toolboxen, Arbeitsbereichen und anderen Komponenten. Ein Design kann dynamisch für einen Arbeitsbereich festgelegt werden und enthält Stilkategorien, die auf Gruppen von Blöcken angewendet werden können.
→ Weitere Informationen zur Verwendung von Blockly-Designs oder zum Erstellen eines eigenen Designs
Renderer
Ein Renderer ist ein Objekt in Blockly, das steuert, wie Blöcke auf dem Arbeitsbereich dargestellt werden. Der Renderer steuert die Form von Blöcken und Verbindungspunkten.
→ Weitere Informationen zur Verwendung von Blockly-Renderern oder zum Erstellen eines eigenen Renderers
Zusammenfassung
Wenn Sie die Farbe eines Blocks ändern möchten, verwenden Sie die Blockdefinition. Wenn Sie die Farbe von etwas ändern oder die Farbe von Blocks genauer festlegen möchten, verwenden Sie ein Design. Wenn Sie die Form eines Elements ändern möchten, verwenden Sie einen Renderer.