আর্থ ইঞ্জিন ui প্যাকেজের মাধ্যমে ক্লায়েন্ট-সাইড ইউজার ইন্টারফেস (UI) উইজেটগুলিতে অ্যাক্সেস প্রদান করে। আপনার আর্থ ইঞ্জিন স্ক্রিপ্টের জন্য গ্রাফিকাল ইন্টারফেস তৈরি করতে ui প্যাকেজটি ব্যবহার করুন। এই ইন্টারফেসগুলিতে বোতাম এবং চেকবক্সের মতো সাধারণ ইনপুট উইজেট, চার্ট এবং মানচিত্রের মতো আরও জটিল উইজেট, UI-এর বিন্যাস নিয়ন্ত্রণ করার জন্য প্যানেল এবং UI উইজেটগুলির মধ্যে মিথস্ক্রিয়াগুলির জন্য ইভেন্ট হ্যান্ডলার অন্তর্ভুক্ত থাকতে পারে। কোড এডিটরের বাম দিকে ডক্স ট্যাবে ui API-এর সম্পূর্ণ কার্যকারিতা অন্বেষণ করুন। নিম্নলিখিত উদাহরণটি একটি উইজেট তৈরির জন্য মৌলিক ফাংশনগুলিকে চিত্রিত করতে, ব্যবহারকারী যখন উইজেটে ক্লিক করে তার আচরণ সংজ্ঞায়িত করতে এবং উইজেটটি প্রদর্শন করতে ui প্যাকেজ ব্যবহার করে।
হ্যালো, বিশ্ব!
এই উদাহরণটি কনসোলে প্রদর্শিত একটি বোতামের একটি সাধারণ UI প্রতিনিধিত্ব করে। বোতামে ক্লিক করলে 'হ্যালো, ওয়ার্ল্ড!' কনসোলে মুদ্রিত হচ্ছে:
// Make a button widget. var button = ui.Button('Click me!'); // Set a callback function to run when the // button is clicked. button.onClick(function() { print('Hello, world!'); }); // Display the button in the console. print(button);
প্রথমে লক্ষ্য করুন, বোতামটি একটি একক যুক্তি দিয়ে তৈরি করা হয়েছে: এর লেবেল। এরপরে, বোতামের onClick() ফাংশনটিকে বলা হয়। onClick() এর আর্গুমেন্ট হল অন্য একটি ফাংশন যা যখনই বোতামটি ক্লিক করা হবে তখনই রান হবে। একটি ইভেন্ট ঘটলে একটি ফাংশনের এই প্রক্রিয়াটিকে (একটি "কলব্যাক" ফাংশন) বলা হয় যাকে "ইভেন্ট হ্যান্ডলার" বলা হয় এবং এটি UI লাইব্রেরিতে ব্যাপকভাবে ব্যবহৃত হয়। এই উদাহরণে, বোতামটি ক্লিক করা হলে, ফাংশনটি প্রিন্ট করে 'হ্যালো, ওয়ার্ল্ড!' কনসোলে
পরিবর্তনশীলতা
উল্লেখ্য যে ee.* namespace-এর বস্তুর বিপরীতে, ui.* namespace পরিবর্তনযোগ্য। সুতরাং যখনই আপনি অবজেক্টে একটি ইনস্ট্যান্স ফাংশন কল করেন তখন আপনাকে একটি ভেরিয়েবলে অবজেক্টটিকে পুনরায় বরাদ্দ করতে হবে না। শুধু ফাংশন কল করা উইজেট পরিবর্তন (পরিবর্তন) হবে. পূর্ববর্তী উদাহরণে নিম্নলিখিত কোডটি যুক্ত করার ফলে বোতামের ক্লিক ইভেন্টের জন্য অন্য কলব্যাক নিবন্ধন করা হয়:
// Set another callback function on the button. button.onClick(function() { print('Oh, yeah!'); });
পূর্ববর্তী উদাহরণের শেষে এই কোডটি অনুলিপি করুন এবং রান এ ক্লিক করুন। এখন আপনি যখন বোতামটি ক্লিক করেন, উভয় বার্তাই কনসোলে মুদ্রিত হয়।
আপনার আর্থ ইঞ্জিন স্ক্রিপ্টগুলির জন্য UI তৈরির বিষয়ে আরও জানতে UI পৃষ্ঠাগুলি ব্যবহার করুন৷ উইজেট পৃষ্ঠাটি একটি ভিজ্যুয়াল ট্যুর প্রদান করে এবং ui প্যাকেজে উইজেটগুলির মৌলিক কার্যকারিতা বর্ণনা করে। প্যানেল এবং লেআউট পৃষ্ঠাটি শীর্ষ-স্তরের কন্টেইনার এবং লেআউটগুলি বর্ণনা করে যা আপনি উইজেটগুলি সংগঠিত এবং সাজানোর জন্য ব্যবহার করতে পারেন। ইভেন্ট পৃষ্ঠায় আপনার UI-তে উইজেটগুলির আচরণ এবং মিথস্ক্রিয়া কনফিগার করার বিশদ বিবরণ রয়েছে৷