• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    scratch3.0二次开发之用blocks生成python代码

    在开始之前,先回顾下之前写的文章《scratch3.0二次开发之blocks生成代码思路》,在文章里大概地写了生成代码的几个步骤,读者看了可能还不太理解,这是根据我的开发经验写出来的。现在具体写写实现的方法。

    一、引入一个生成代码的文件

    比如要生成arduino代码,就要引入生成arduino代码的文件,要生成python代码,就要引入python文件。

    这个生成代码的文件是从Blockly引入进来的,scratch-blocks是在blockly的基础上开发出来的。现在的scratch-blocks是没有generators目录的,这个也可以从blockly那里copy过来。
    具体分析blockly的python.js代码:

    Blockly.Python = new Blockly.Generator('Python');

    python是blockl.generator的一个实例,会调用generator里的方法;

    Blockly.Python.addReservedWords(...);

    这方法的作用是给python添加关键字,blockly的python文件已经设置了许多python的关键字在里面了。

    Blockly.Python.ORDER_ATOMIC = 0;            // 0 "" ...
    Blockly.Python.ORDER_COLLECTION = 1;        // tuples, lists, dictionaries
    Blockly.Python.ORDER_STRING_CONVERSION = 1; // `expression...`
    Blockly.Python.ORDER_MEMBER = 2.1;          // . []
    Blockly.Python.ORDER_FUNCTION_CALL = 2.2;   // ()
    Blockly.Python.ORDER_EXPONENTIATION = 3;    // **
    Blockly.Python.ORDER_UNARY_SIGN = 4;        // + -
    Blockly.Python.ORDER_BITWISE_NOT = 4;       // ~
    Blockly.Python.ORDER_MULTIPLICATIVE = 5;    // * / // %
    Blockly.Python.ORDER_ADDITIVE = 6;          // + -
    Blockly.Python.ORDER_BITWISE_SHIFT = 7;     //  >>
    Blockly.Python.ORDER_BITWISE_AND = 8;       // 
    Blockly.Python.ORDER_BITWISE_XOR = 9;       // ^
    Blockly.Python.ORDER_BITWISE_OR = 10;       // |
    Blockly.Python.ORDER_RELATIONAL = 11;       // in, not in, is, is not,
                                                //     , =, >, >=, >, !=, ==
    Blockly.Python.ORDER_LOGICAL_NOT = 12;      // not
    Blockly.Python.ORDER_LOGICAL_AND = 13;      // and
    Blockly.Python.ORDER_LOGICAL_OR = 14;       // or
    Blockly.Python.ORDER_CONDITIONAL = 15;      // if else
    Blockly.Python.ORDER_LAMBDA = 16;           // lambda
    Blockly.Python.ORDER_NONE = 99;             // (...)

    以上代码设置了优先级。
    Blockly.python的其他方法请参考blockly的python文件。

    二、定义生成的python代码

    需要对每个block定义生成的代码。

    1、获取block的type

    block是根据type来区分的,每个block的type是唯一的。scratch-blocks的基本blocks的定义是在scratch-blocks\blocks_vertical目录里。
    具体可以查阅之前的博客《scratch3.0二次开发之scratch-blocks中的blocks的类型、定义和使用方法》

    以下是一个type为“motion_movesteps”的block块的定义

    Blockly.Blocks['motion_movesteps'] = {
      /**
       * Block to move steps.
       * @this Blockly.Block
       */
      init: function() {
        this.jsonInit({
          "message0": Blockly.Msg.MOTION_MOVESTEPS,
          "args0": [
            {
              "type": "input_value",
              "name": "STEPS"
            }
          ],
          "category": Blockly.Categories.motion,
          "extensions": ["colours_motion", "shape_statement"]
        });
      }
    };

    定义生成的python语句:

     Blockly.Python['motion_movesteps'] = function (block) {
            var steps = Blockly.Python.valueToCode(block, "STEPS", Blockly.Python.ORDER_NONE);
            return 'move ' + steps + ' steps\n';
        };

    2、获取参数的值

    根据参数的类型,选择Blockly.Python.valueToCode、block.getFieldValue还是Blockly.Python.statementToCode来获取值。

    type类型 方法
    input_value Blockly.Python.valueToCode
    input_statement Blockly.Python.statementToCode
    field_* block.getFieldValue

    3、从xml来解析一个块的组成结构

    这是motion_movesteps块的xml结构,它由两个block组成,"motion_movesteps"和“math_number”,shadow也是一个block;

    block type="motion_movesteps">
                value name="STEPS">
                    shadow type="math_number">
                        field name="NUM">10/field>
                    /shadow>
                /value>
            /block>
    

    所以除了上面已经定义好的"motion_movesteps"生成python语句,还需要的定义math_number的生成语句

    Blockly.Python['math_number'] = function(block) {
      // Numeric value.
      var code = parseFloat(block.getFieldValue('NUM'));
      var order;
      if (code == Infinity) {
        code = 'float("inf")';
        order = Blockly.Python.ORDER_FUNCTION_CALL;
      } else if (code == -Infinity) {
        code = '-float("inf")';
        order = Blockly.Python.ORDER_UNARY_SIGN;
      } else {
        order = code  0 ? Blockly.Python.ORDER_UNARY_SIGN :
                Blockly.Python.ORDER_ATOMIC;
      }
      return [code, order];
    }

    4、根据块的形状来设置return的数据类型

    形状 return的类型
    字符串
    字符串
    [code, order] 数组
    [code, order] 数组

    引入模块:Blockly.Python.definitions_[模块名] = ”import xxxx";
    声明函数:Blockly.Python.definitions_[模块名] = ”def xxx …";

    三、生成python代码

    在scratch-gui/src/containers/block.jsx文件中,对workspace添加监听

     this.workspace.addChangeListener(this.generatPythonCode);

    四、结语

    本文主要介绍了blocks生成python代码的方法,由于篇幅有限,写的也不是很全面,不过大概地生成方法也就这些。如果在开发地过程中碰到问题,可以私信我给我留言,我尽可能地帮助大家解决问题

    到此这篇关于scratch3.0二次开发之用blocks生成python代码的文章就介绍到这了,更多相关scratch blocks生成python代码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

    您可能感兴趣的文章:
    • 详解scratch3.0二次开发之scratch-blocks中的blocks的类型、定义和使用方法
    • Scratch3.0二次开发之windows环境下打包成exe的流程
    • Scratch3.0 页面初始化同时加载sb3文件的操作代码
    • 解析scratch3.0二次开发之scratch-blocks免编译修改问题
    上一篇:macOS M1(AppleSilicon) 安装TensorFlow环境
    下一篇:mac下pip、conda、homebrew修改为清华镜像源的方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    scratch3.0二次开发之用blocks生成python代码 scratch3.0,二次开发,之用,