快捷導(dǎo)航

詳解scratch3.0二次開發(fā)之scratch-blocks中的blocks的類型、定義和使用方法

更新時(shí)間：2021年08月13日 11:26:01 作者：取個(gè)昵稱就那么難

scratch-blocks是scratch-gui依賴的一個(gè)基本模塊，blocks的作用是通過拖曳的方法組成blocks堆塊，今天通過本文給大家分享scratch3.0二次開發(fā)之scratch-blocks的免編譯修改方法，感興趣的朋友一起看看吧

scratch-blocks是scratch-gui依賴的一個(gè)基本模塊。它的作用是生成gui界面上的blocks。（有關(guān)scratch-blocks的方法可以看我上一篇博客《scratch3.0二次開發(fā)之scratch-blocks的免編譯修改方法》）。blocks的作用是通過拖曳的方法組成blocks堆塊，點(diǎn)擊greenflag控件，舞臺(tái)區(qū)（stage)會(huì)有相應(yīng)的變化。

在這里插入圖片描述

scratch-gui的blocks的生成文件在scratch-blocks\blocks_vertical里。

blocks幾種形狀

blocks塊的形狀有以下幾種：

塊	形狀名稱
	shape_statement
	shape_hat
	shape_end
	shape_statement
	output_boolean
	output_number
	output_string

一個(gè)blocks塊的定義

比如一個(gè)右轉(zhuǎn)多少度的塊

在這里插入圖片描述

定義塊的代碼：

Blockly.Blocks['motion_turnright'] = {
  /**
 * Block to turn right.
 * @this Blockly.Block
   */
  init: function() {
    this.jsonInit({
      "message0": “右轉(zhuǎn) %1 %2 度”,
      "args0": [
        {
          "type": "field_image",
          "src": Blockly.mainWorkspace.options.pathToMedia + "rotate-right.svg",
          "width": 24,
          "height": 24
        },
        {
          "type": "input_value",
          "name": "DEGREES"
        }
      ],
      "category": Blockly.Categories.motion,//塊歸屬的類，這里是運(yùn)動(dòng)類。
      "extensions": ["colours_motion", "shape_statement"]
    });
  }
};

“message0“：表示塊里顯示的字符串，%1,%2表示塊里的字段field,塊里有1個(gè)field是%1，有兩個(gè)field是按先后順序設(shè)為%1,%2,以此類推，
”args0”:里面的數(shù)組元素對(duì)應(yīng)上面設(shè)置的field,args0[0]對(duì)應(yīng)%1，args0[1]對(duì)應(yīng)%2，…。每個(gè)元素對(duì)象表示設(shè)置了的field的類型。

在這里插入圖片描述

“extensions”："colours_motion"設(shè)置塊的顏色，"shape_statement"設(shè)置了塊的形狀；

blocks塊的使用

定義好的block塊，使用的時(shí)候要把加到xml文件里，文件地址:scratch-gui\src\lib\make-toolbox-xml.js,找到對(duì)應(yīng)的類，這里是motion.

<block type="motion_turnright">
            <value name="DEGREES">
                <shadow type="math_number">
                    <field name="NUM">15</field>
                </shadow>
            </value>
        </block>

motion_turnright 這是剛定義好的塊。value 標(biāo)簽中的name，表示變量名，在scratch-vm里面會(huì)用到，shadow標(biāo)簽這段表示預(yù)先設(shè)置的值，也是預(yù)先設(shè)置的塊。去掉value這段代碼

<block type="motion_turnright"> </block>

它顯示成這樣：

在這里插入圖片描述

scratch-blocks的編譯

scratch-blocks修改后的文件，只有編譯壓縮后才能生效。但是按照官方的方法，windows下很難編譯成功。如果是定義blocks塊，可以參考上篇博客里介紹的方法《scratch3.0二次開發(fā)之scratch-blocks的免編譯修改方法》

補(bǔ)充

下面看下scratch3.0二次開發(fā)之blocks生成代碼思路

總的思路：

引入一個(gè)生成代碼的文件，比如要生成arduino代碼，就要引入生成arduino代碼的文件，要生成python代碼，就要引入python文件。
如果scratch-block中沒有自己要的blocks塊，就定義一個(gè)blocks塊用來生成代碼。（生成的方法可以看我之前的文章《[scratch3.0二次開發(fā)之scratch-blocks中的blocks的類型、定義和使用方法])》
給每個(gè)blocks定義要生成的代碼。
把生成代碼的代碼blocks塊加入make-toolbox-xml 中。
在gui中設(shè)置一個(gè)代碼編輯區(qū)，用來顯示生成的代碼。

到此這篇關(guān)于scratch3.0二次開發(fā)之scratch-blocks的免編譯修改方法的文章就介紹到這了,更多相關(guān)scratch blocks的免編譯內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: