বোতাম এবং লেবেল

আপনি টুলবক্সে একটি ব্লক রাখতে পারেন যেখানে আপনি একটি বোতাম বা লেবেল রাখতে পারেন।

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 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).

আপনার ফাংশন একটি যুক্তি হিসাবে গ্রহণ করা উচিত যে বোতাম ক্লিক করা হয়েছে. পরিবর্তনশীল বিভাগে "ভেরিয়েবল তৈরি করুন..." বোতামটি কলব্যাক সহ একটি বোতামের একটি ভাল উদাহরণ।