ছবি ক্ষেত্র

একটি চিত্র ক্ষেত্র একটি স্ট্রিংকে তার মান হিসাবে এবং একটি স্ট্রিং এর পাঠ্য হিসাবে সংরক্ষণ করে। এর মান হল ছবির src, যখন এর টেক্সট হল একটি Alt স্ট্রিং যা ইমেজকে বর্ণনা করে/প্রতিনিধিত্ব করে।

চিত্র ক্ষেত্র

সঙ্কুচিত ব্লকে ছবির ক্ষেত্র

সৃষ্টি

JSON

{
  "type": "example_image",
  "message0": "image: %1",
  "args0": [
    {
      "type": "field_image",
      "src": "https://www.gstatic.com/codesite/ph/images/star_on.gif",
      "width": 15,
      "height": 15,
      "alt": "*"
    }
  ]
}

জাভাস্ক্রিপ্ট

Blockly.Blocks['example_image'] = {
  init: function() {
    this.appendDummyInput()
      .appendField("image:")
      .appendField(new Blockly.FieldImage(
        "https://www.gstatic.com/codesite/ph/images/star_on.gif",
        15,
        15,
        "*"));
  }
};

ইমেজ কনস্ট্রাক্টর এতে নেয়:

প্যারামিটার	বর্ণনা
src	একটি স্ট্রিং যা একটি রাস্টার ইমেজ ফাইলকে নির্দেশ করে।
width	একটি নন-জিরো নম্বরে কাস্ট করতে হবে।
height	একটি নন-জিরো নম্বরে কাস্ট করতে হবে।
opt_alt	(ঐচ্ছিক) একটি স্ট্রিং যা সঠিকভাবে চিত্রের বর্ণনা/প্রতিনিধিত্ব করে। এটি null বা undefined হলে একটি খালি স্ট্রিং ব্যবহার করা হবে।
opt_onClick	(ঐচ্ছিক) ফিল্ডে ক্লিক করার সময় কল করার জন্য একটি ফাংশন।
opt_flipRtl	(ঐচ্ছিক) একটি বুলিয়ান। true হলে, ডান-থেকে-বাম মোডে থাকা অবস্থায় ছবিটি উল্লম্ব অক্ষ জুড়ে উল্টানো হয়। ডিফল্ট থেকে false । "বামে ঘুরুন" এবং "ডান দিকে ঘুরুন" আইকনগুলির জন্য দরকারী।

সিরিয়ালাইজেশন

ইমেজ ক্ষেত্র ক্রমিক করা যাবে না.

হ্যান্ডলার ক্লিক করুন

দ্রষ্টব্য: সাধারণভাবে যাচাইকারীদের সম্পর্কে তথ্যের জন্য যাচাইকারীদের দেখুন।

ইমেজ ক্ষেত্র একটি বৈধতা গ্রহণ করে না; পরিবর্তে এটি স্পষ্টভাবে একটি ফাংশন গ্রহণ করে যা বলা হয় যখনই ক্ষেত্রটিতে ক্লিক করা হয়। এর মানে হল যে ছবিগুলি ব্লকগুলিতে বিদ্যমান বোতামগুলির মতো কাজ করতে পারে।

অন ​​ক্লিক হ্যান্ডলার জাভাস্ক্রিপ্ট কনস্ট্রাক্টরে বা setOnClickHandler ফাংশন ব্যবহার করে সেট করা যেতে পারে।

এখানে একটি অন-ক্লিক হ্যান্ডলারের একটি উদাহরণ রয়েছে যা কল করার সময় ব্লকটি ভেঙে দেয়।

function() {
    this.getSourceBlock().setCollapsed(true);
}