块颜色

大多数 Blockly 应用都会使用各种块颜色,以便在视觉上将块分组到各个类别中。Blockly 附带的块包含多个类别,这些类别中的颜色与演示中的各种工具栏类别中的颜色相呼应:

工作区的屏幕截图,其中显示了每种块颜色的示例。

块上的其他颜色派生自主要颜色。例如, 阴影块 是主要颜色的去饱和版本,而边框颜色是较暗的 版本。

设置块颜色

您可以在 JSON 或 JavaScript 中定义块的主要颜色。您可以传递色调(首选)、RGB 值或颜色名称;如需了解详情, 请参阅颜色格式

JSON

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

JavaScript

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

请注意英式拼写。如果未设置颜色,块将显示为黑色。

您还可以使用 Block.setColour(..) 函数设置块颜色,或者使用主题 并定义块样式。

无障碍

如需了解颜色对无障碍功能的影响,请参阅颜色和 无障碍功能