Blockly 于 2025 年 11 月 10 日移至 Raspberry Pi Foundation!请阅读博文和常见问题解答。
Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
块颜色
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
大多数 Blockly 应用都会使用各种块颜色,以便在视觉上将块分组到各个类别中。Blockly 附带的块包含多个类别,这些类别中的颜色与演示中的各种工具栏类别中的颜色相呼应:

块上的其他颜色派生自主要颜色。例如,
阴影块
是主要颜色的去饱和版本,而边框颜色是较暗的
版本。
设置块颜色
您可以在 JSON 或 JavaScript 中定义块的主要颜色。您可以传递色调(首选)、RGB 值或颜色名称;如需了解详情,
请参阅颜色格式。
JSON
{
// ...,
"colour": 160,
}
JavaScript
init: function() {
// ...
this.setColour(160);
}
请注意英式拼写。如果未设置颜色,块将显示为黑色。
您还可以使用
Block.setColour(..)
函数设置块颜色,或者使用主题
并定义块样式。
无障碍
如需了解颜色对无障碍功能的影响,请参阅颜色和
无障碍功能
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2026-05-13。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2026-05-13。"],[],[]]