การใช้บล็อกขั้นตอน

การใช้ปลั๊กอิน

หากต้องการใช้การบล็อกขั้นตอน เราขอแนะนำให้ใช้ปลั๊กอิน @blockly/block-shareable-procedures สำหรับความแตกต่างระหว่างบล็อกปลั๊กอินและบล็อกในตัว โปรดดูภาพรวม

การติดตั้ง

ไหมพรม: shell yarn add @blockly/block-shareable-procedures

NPM: shell npm install @blockly/block-shareable-procedures

การใช้งาน

import Blockly from 'blockly';
import {blocks, unregisterProcedureBlocks} '@blockly/block-shareable-procedures';

unregisterProcedureBlocks();
Blockly.common.defineBlocks(blocks);

วิธีนี้จะระบุการบล็อกขั้นตอนที่มีชื่อเดียวกับการบล็อกขั้นตอนในตัวแบบเดิม ดังนั้น หากคุณกำลังโหลด JSON หรือ XML ที่บันทึกไว้ด้วยการบล็อกกระบวนการเก่า รายการเหล่านี้ก็จะโหลดได้อย่างถูกต้องต่อไป

การเพิ่มลงในกล่องเครื่องมือ

หลังจากที่คุณกำหนดการบล็อก (ไม่ว่าจะเป็นการบล็อกปลั๊กอินหรือการบล็อกในตัวแบบเดิม) แล้ว คุณต้องทำให้การบล็อกพร้อมใช้งานสำหรับผู้ใช้ของคุณ คุณต้องใช้กล่องเครื่องมือรูปแบบหมวดหมู่ เนื่องจากหมวดหมู่กระบวนการสร้างขึ้นแบบไดนามิก ซึ่งกล่องเครื่องมือแบบ Flyout ไม่รองรับ

คุณสามารถเพิ่มหมวดหมู่แบบไดนามิกในกล่องเครื่องมือได้ดังนี้

JSON

{
  "kind": "categoryToolbox",
  "contents": [
    {
      "kind": "category",
      "name": "Functions",
      "custom": "PROCEDURE"
    }
  ]
};

XML

<xml id="toolbox" style="display: none">
  <category name="Functions" cusotm="PROCEDURE">
</xml>