Nút và nhãn

Bạn có thể đặt nút hoặc nhãn ở bất cứ vị trí nào mà bạn có thể đặt một khối trong hộp công cụ.

JSON

{
  "kind": "flyoutToolbox",
  "contents": [
    {
      "kind": "block",
      "type":"logic_operation"
    },
    {
      "kind": "label",
      "text": "A label",
      "web-class": "myLabelStyle"
    },
    {
      "kind": "label",
      "text": "Another label"
    },
    {
      "kind": "block",
      "type": "logic_negate"
    },
    {
      "kind": "button",
      "text": "A button",
      "callbackKey": "myFirstButtonPressed"
    },
    {
      "kind": "block",
      "type": "logic_boolean"
    }
  ]
}

XML

<xml id="toolbox" style="display: none">
  <block type="logic_operation"></block>
  <label text="A label" web-class="myLabelStyle"></label>
  <label text="Another label"></label>
  <block type="logic_negate"></block>
  <button text="A button" callbackKey="myFirstButtonPressed"></button>
  <block type="logic_boolean"></block>
</xml>

<style>
.myLabelStyle>.blocklyFlyoutLabelText {
  font-style: italic;
  fill: green;
}
</style>

Bạn có thể chỉ định tên lớp CSS để áp dụng cho nút hoặc nhãn. Trong ví dụ trên, nhãn đầu tiên sử dụng kiểu tuỳ chỉnh, trong khi nhãn thứ hai sử dụng kiểu mặc định.

Các nút phải có hàm gọi lại; nhãn thì không. Để đặt lệnh gọi lại cho một lượt nhấp vào nút nhất định, hãy dùng

yourWorkspace.registerButtonCallback(yourCallbackKey, yourFunction).

Hàm của bạn phải chấp nhận nút đã được nhấp vào làm đối số. Nút "Tạo biến..." trong danh mục biến là một ví dụ điển hình về nút có lệnh gọi lại.