在自定义块中使用循环块时,需要注意循环块内部的代码块是否在正确的命名空间中。如果使用了自定义块内部的代码块,那么需要将这些代码块与循环块放在同一个命名空间中。当使用预定义块时,需要确保循环块的参数与预定义块的参数是相匹配的。以下是一个包含自定义块和预定义块的示例代码:
定义自定义块:
Blockly.Blocks['my_custom_block'] = { init: function() { this.appendStatementInput('CODES') .setCheck(null) .appendField("执行以下的代码"); this.setColour(230); this.setInputsInline(true); this.setPreviousStatement(true, null); this.setNextStatement(true, null); } };
定义带有循环块的自定义块:
Blockly.Blocks['my_loop_block'] = { init: function() { this.appendDummyInput() .appendField("重复执行以下代码"); this.appendStatementInput("CODE") .setCheck(null); this.appendDummyInput() .appendField("次数"); this.appendValueInput("TIMES") .setCheck("Number"); this.setInputsInline(true); this.setPreviousStatement(true, null); this.setNextStatement(true, null); this.setColour(290); this.setTooltip(''); this.setHelpUrl(''); } };
使用自定义块和带有循环块的自定义块:
Blockly.Blocks['my_main_block'] = { init: function() { this.appendDummyInput() .appendField("当发生以下条件时执行以下代码"); this.appendStatementInput("CODE") .setCheck(null); this.appendDummyInput() .appendField("条件"); this.appendValueInput("CONDITION") .setCheck(null); this.setInputsInline(true); this.setOutput(true, null); this.setColour(160); this.setTooltip(''); this.setHelpUrl(''); } };
Blockly.JavaScript['my_custom_block'] = function(block) { var statements_codes = Blockly.JavaScript.statementToCode(block, 'CODES'); var code = ''+statements_codes+';'; return code; };
Blockly.JavaScript['my_loop_block'] = function(block) { var statements_code = Blockly.JavaScript.statementToCode(block, 'CODE'); var value_times = Blockly.JavaScript.valueToCode(block, 'TIMES', Blockly.JavaScript.ORDER_ATOMIC); var code = 'for (var i = 0; i < '+value_times+'; i++) '+'{'+statements_code+'};'; return code; };
Blockly.JavaScript['my_main_block'] = function(block) { var statements_code = Blockly.JavaScript.statementToCode(block, 'CODE'); var value_condition = Blockly.JavaScript.valueToCode(block, 'CONDITION', Blockly.JavaScript.ORDER_ATOMIC); var code = 'if
上一篇:Blockly改变颜色