研究调查问卷:请告诉我们您使用 Blockly 的体验
开始调查问卷
呈现器
块的形状由渲染程序根据
代码块的定义(即其字段和连接)。
内置渲染程序
Blockly 提供了三个内置渲染程序,每个渲染程序给出略微不同的
给程序带来不同的感觉
渲染程序 |
说明 |
映像 |
萨索斯
|
推荐的渲染程序。它是一种
对 Geras 渲染程序的现代改版
均衡间距和实线边框 |
|
Geras
|
默认渲染程序。这是原始版本
用于构建 Blockly 的渲染程序。 |
|
Zelos |
基于 Scratch-3.0 块设计的渲染程序。 |
 |
要使用其中一种渲染程序,请将名称传递到注入选项:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
自定义渲染程序
如果您想为计划采用与任何计划不同的外观和风格
内置渲染程序,您也可以创建自定义渲染程序。要开始使用
Blockly 团队建议您:
- 仔细阅读渲染器概念文档,以了解
渲染程序的所有组件是如何协同工作的。
- 完成自定义渲染程序 Codelab,
亲自动手练习使用自定义呈现
- 将调试渲染程序添加到您的项目中。
- 自定义渲染程序。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-09-08。
[null,null,["最后更新时间 (UTC):2024-09-08。"],[[["Block shape is determined by a renderer based on the block's definition, including fields and connections."],["Blockly offers three built-in renderers: Thrasos (recommended), Geras (default), and Zelos (Scratch-3.0 based)."],["Custom renderers can be created for unique program aesthetics by following documentation and tutorials."]]],[]]