Одной из ключевых особенностей интерфейса Blockly является его возможность настройки, позволяющая разработчикам создавать уникальный внешний вид своего приложения, который соответствует целям их бренда или пользовательского опыта. Существует три основных способа настройки внешнего вида Blockly: цвета блоков, темы и средства визуализации.
Цвет блока
Основной цвет блока можно установить в определении блока. Если установлено таким образом, вторичные цвета блока (например, цвет границы) будут рассчитываться автоматически. Это самый простой способ изменить внешний вид блоков.
→ Узнайте больше о настройке цвета блока .
Темы
Темы дают дополнительный контроль над такими параметрами, как цвет и непрозрачность блоков, наборов инструментов, рабочих пространств и других компонентов. Тему можно задать динамически для рабочей области, и она содержит категории стилей, которые можно применять к группам блоков.
→ Узнайте больше об использовании тем, предоставляемых Blockly , или о создании собственной темы .
Рендереры
Средство визуализации — это объект в Blockly, который управляет отрисовкой блоков в рабочей области. Рендерер управляет формой блоков и точек соединения.
→ Узнайте больше об использовании средств визуализации, предоставляемых Blockly , или о создании собственного средства визуализации .
Краткое содержание
Если вы хотите изменить цвет блока, используйте определение блока. Если вы хотите изменить цвет чего-то еще или уточнить цвета блоков, попробуйте тему. Если вы хотите изменить форму чего-либо, попробуйте рендерер.