Кнопки и метки

Кнопку или надпись можно разместить в любом месте панели инструментов, где можно разместить блок.

Выпадающая панель инструментов с блоком сравнения, текстом "A label" курсивом, текстом "Another label", блоком «not», кнопкой с надписью "A button» и блоком «true-false».

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>

Вы можете указать имя CSS-класса, который будет применен к вашей кнопке или метке. В приведенном выше примере первая метка использует пользовательский стиль, а вторая — стиль по умолчанию.

Кнопки должны иметь функции обратного вызова; метки — нет. Чтобы установить функцию обратного вызова для конкретного нажатия кнопки, используйте

yourWorkspace.registerButtonCallback(yourCallbackKey, yourFunction).

Ваша функция должна принимать в качестве аргумента кнопку, на которую был нажат. Кнопка «Создать переменную...» в категории переменных — хороший пример кнопки с функцией обратного вызова.