Цвета блоков

В большинстве приложений Blockly используются различные цвета блоков для визуальной группировки блоков по категориям. Блоки, поставляемые с Blockly, включают несколько категорий, цвета которых повторяются в различных категориях панели инструментов в демонстрационных примерах:

Скриншот рабочего пространства с примером каждого цвета блока.

Дополнительные цвета в блоке определяются основным цветом. Например, теневые блоки имеют менее насыщенный оттенок основного цвета, а цвета границ — более темный оттенок.

Установить цвет блока

Основной цвет блока можно задать либо в формате JSON, либо в формате JavaScript. Можно передать оттенок (предпочтительный вариант), значение RGB или название цвета; для получения дополнительной информации см. раздел «Форматы цветов» .

JSON

{
  // ...,
  "colour": 160,
}

JavaScript

init: function() {
  // ...
  this.setColour(160);
}

Обратите внимание на британское написание. Если не задать цвет, получится черный блок.

Вы также можете задать цвет блока с помощью функции Block.setColour(..) или используя темы и определяя стиль блока.

Доступность

Информацию о том, как цвет влияет на доступность, см. в разделе «Цвет и доступность».