Цвета блоков

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

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

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

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

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

JSON 

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

JavaScript 

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

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

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

Доступность

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