blockly用法探究

本文探讨了使用Blockly开发块编程应用时的最佳实践,包括边框样式、嵌套子堆栈、对称连接、变量和函数命名、全局变量等方面。建议在重绘Blockly时保留现有堆叠UI,确保水平和垂直连接视觉差异,允许不区分大小写的变量和函数名,以及提供合理的退出策略,如逐步引导学生过渡到文本编程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

自定义块:最佳实践

多年来,Blockly和Blockly Games团队学到了许多适用于那些开发基于Blockly的应用程序的课程。以下是我们所犯错误的集合,或者他人通常犯的错误。

这些是我们使用Blockly的视觉风格学到的一般教训,可能不适用于所有用例或设计。可能存在其他解决方案。这也不是用户可能遇到的问题和如何避免它们的问题的详尽列表。每一种情况都有点不同,可能有自己的权衡。

边框样式

在20世纪初,'Aqua'的外观是风格,每个屏幕上的对象都装饰着突出和阴影。在2010年的“材料设计”外观是风格,每个屏幕对象简化为一个干净,平坦,无边框的形状。大多数块编程环境在每个块周围都有突出显示和阴影,因此,当今天的平面设计师看到这些时,它们总是消除这些过时的装饰。

从上面的例子(从scriptr.io)可以看出,这些“过时的装饰”对于区分相同颜色的连接块是至关重要的。

建议:如果reskinning Blockly,不要让今天的方式打破你的应用程序。

2.嵌套子堆栈

'C'形块在内侧顶部上总是具有连接器,但是一些环境在内侧底部具有连接器(例如,Wonder Workshop),而其他环境则不具有连接器(例如Blockly和Scratch)。由于大多数语句块都具有顶部和底部连接器,因此一些用户不会立即看到该语句将适合没有底部连接器的“C”。

<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值