区切り文字

2 つのカテゴリの間に区切り文字を追加すると、2 つのカテゴリの間に線と余分なスペースが作成されます。

セパレータのクラスは、JSON または XML ツールボックスの定義で変更できます。

JSON

{
  "kind": "sep",
  "cssConfig": {
    "container": "yourClassName"
  }
}

XML

<sep css-container="yourClassName"></sep>

2 つのブロックの間にセパレータを追加すると、ブロック間にギャップが作成されます。デフォルトでは、各ブロックは下位の隣接ブロックから 24 ピクセルで区切られます。この分離は、デフォルトのギャップを置き換える「gap」属性を使用して変更できます。

これにより、ツールボックスでブロックの論理グループを作成できます。

JSON

{
  "kind": "flyoutToolbox",
  "contents": [
    {
      "kind": "block",
      "type":"math_number"
    },
    {
      "kind": "sep",
      "gap": "32"
    },
    {
      "kind": "block",
      "type"" "math_arithmetic"
      "fields": {
        "OP": "ADD"
      },
    },
    {
      "kind": "sep",
      "gap": "8"
    },
    {
      "kind": "block",
      "type"" "math_arithmetic"
      "fields": {
        "OP": "MINUS"
      },
    }
  ]
}

XML

<xml id="toolbox" style="display: none">
  <block type="math_number"></block>
  <sep gap="32"></sep>
  <block type="math_arithmetic">
    <field name="OP">ADD</field>
  </block>
  <sep gap="8"></sep>
  <block type="math_arithmetic">
    <field name="OP">MINUS</field>
  </block>
</xml>