如果只是需要运行blockly的话,用浏览器打行高开 demos 目录下的网页(index.html)就可以了,如蚂带友果是IE的话,需要允许JS执行。
一个好的Web应用程序将调整Blockly的大小以填充屏幕上的可用空间,而不是固定大小。有几种方法可以做到这一点,包括使用iframe,CSS和JavaScript定位。此页面演示了一种强大而灵活的叠加方法。
这是一个三步过程。第一步是定义区域。第二步是注入Blockly。第码毕三步是将Blockly定位在这个区域上。
使用HTML表格或带有CSS的div,创建一个空白区域,在页面调整大小时重新流动。确保该区域有ID(在此页面上我们将其称为blocklyArea)。
这是一个填充屏幕底部的表格单元格的 现场演示 。
注入Blockly与注入固定大小的Blockly中描述的过程相同。添加脚本,blocklyDiv元素,工具箱和注入脚本。
Blockly现在应该在页面上闹模颤运行,而不是位于它应该位于的位置(可能在屏幕外)。
最后一步是将blocklyDiv元素放在blocklyArea元素上。为此,从blocklyDiv中删除任何高度和宽度样式并添加绝对定位:
然后将注入脚本替换为将'blocklyDiv'置于'blocklyArea'上的液败脚本:
这是Blockly的 现场演示 ,它填满了屏幕的底部。
blocklyelectron是一个完全可视化的模块化编程网站,属于图形化编程语言2012年6月,Google发布了完全可视化的编程语言Google Blockly,类似MIT的儿童编程语言Scratch, 你可以通过类似玩乐高玩具的方式用一块块图形对象构建出应用程序。每个图形对象都是代码块,你可以将它们拼接起来,创造出简单功能,然后将一个个简单功能 组合起来,构建出一个程序。整个碰旦过程只需要裤闷鼠标的拖曳,不需要笑纯扰键盘敲击。类似Google最近放弃的App Inventor,不清楚Blockly与App Inventor或Scratch有何联系。[1]Blockly一种在网页上运行的图形化编程语言。使用者以拖拽拼图的方式开发出应用程序。不需要任何的代码编写
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)