Vaadin ফ্রেমওয়ার্কে বিভিন্ন ধরনের UI কম্পোনেন্ট সরবরাহ করা হয়, যা ওয়েব অ্যাপ্লিকেশন ডেভেলপমেন্টকে সহজ এবং ইন্টারেক্টিভ করে তোলে। এই কম্পোনেন্টগুলো সহজে কাস্টমাইজ করা যায় এবং Java কোডের মাধ্যমে পরিচালনা করা যায়। Vaadin এর মধ্যে কিছু জনপ্রিয় কম্পোনেন্ট যেমন TextField, Button, এবং Label নিয়ে বিস্তারিত আলোচনা করা হলো।
TextField
TextField হল একটি ইনপুট কম্পোনেন্ট, যা ব্যবহারকারীর কাছ থেকে টেক্সট ইনপুট সংগ্রহ করতে ব্যবহৃত হয়। এটি ফর্ম বা কন্ট্রোলগুলোর মধ্যে একটি সাধারণ উপাদান হিসেবে ব্যবহৃত হয়, যেমন নাম, ইমেল বা অন্যান্য ডেটা সংগ্রহ করতে।
বৈশিষ্ট্য:
- এটি ব্যবহারকারীর ইনপুট গ্রহণ করতে সক্ষম।
setPlaceholder()মেথড ব্যবহার করে আপনি ইনপুট ফিল্ডের ভিতরে টেক্সট প্রদান করতে পারেন যা ইনপুটের নির্দেশিকা হিসেবে কাজ করবে।- required ফিচার ব্যবহার করে ইনপুটটি বাধ্যতামূলক করা যায়।
কোড উদাহরণ:
TextField nameField = new TextField("Your Name");
nameField.setPlaceholder("Enter your name");
nameField.setRequired(true);
add(nameField);
এখানে একটি TextField তৈরি করা হয়েছে, যেখানে ব্যবহারকারী তার নাম ইনপুট করতে পারবে। setPlaceholder() দিয়ে নির্দেশিকা দেওয়া হয়েছে এবং setRequired(true) দিয়ে এটি বাধ্যতামূলক করা হয়েছে।
Button
Button হল একটি ক্লিকযোগ্য কম্পোনেন্ট, যা ব্যবহারকারীর কোনো অ্যাকশন গ্রহণ করতে ব্যবহৃত হয়। এটি সাধারণত বিভিন্ন কাজ যেমন ফর্ম জমা দেওয়া, ডেটা আপডেট করা, পেজ নেভিগেট করা ইত্যাদি করতে ব্যবহৃত হয়।
বৈশিষ্ট্য:
setText()মেথডের মাধ্যমে বাটনের টেক্সট সেট করা যায়।- ক্লিক করার জন্য একটি ইভেন্ট হ্যান্ডলার সেট করা যায়।
addClickListener()মেথড দিয়ে বাটনের উপর ক্লিক ইভেন্ট সেট করা যায়।
কোড উদাহরণ:
Button clickButton = new Button("Click Me", event -> {
Notification.show("Button clicked!");
});
add(clickButton);
এখানে একটি বাটন তৈরি করা হয়েছে, যা ক্লিক করার পর একটি নোটিফিকেশন দেখাবে "Button clicked!"।
Label
Label হল একটি রিড-অনলি কম্পোনেন্ট যা শুধুমাত্র ডেটা প্রদর্শন করতে ব্যবহৃত হয়। এটি কোন ইনপুট গ্রহণ করে না, বরং UI তে টেক্সট বা অন্য কোনো তথ্য দেখানোর জন্য ব্যবহৃত হয়।
বৈশিষ্ট্য:
- এটি সাধারণত ডাইনামিক তথ্য প্রদর্শন করার জন্য ব্যবহৃত হয়, যেমন ব্যবহারকারীর নাম, সিস্টেমের স্ট্যাটাস ইত্যাদি।
- setText() মেথড ব্যবহার করে লেবেলের ভিতরে টেক্সট সেট করা যায়।
কোড উদাহরণ:
Label welcomeLabel = new Label("Welcome to Vaadin!");
add(welcomeLabel);
এখানে একটি Label তৈরি করা হয়েছে যা একটি স্ট্যাটিক টেক্সট "Welcome to Vaadin!" দেখাবে।
অন্যান্য গুরুত্বপূর্ণ Vaadin কম্পোনেন্ট
- ComboBox: এটি একটি ড্রপডাউন মেনু কম্পোনেন্ট, যা ব্যবহারকারীদের একটি নির্দিষ্ট মান নির্বাচন করতে সাহায্য করে।
- CheckBox: একটি বেসিক চেকবক্স কম্পোনেন্ট, যা ব্যবহারকারীদের একটি বা একাধিক অপশন নির্বাচন করতে দেয়।
- Grid: একটি টেবিল কম্পোনেন্ট, যা ডেটা প্রদর্শন করার জন্য ব্যবহৃত হয়।
- DatePicker: একটি ক্যালেন্ডার ইনপুট কম্পোনেন্ট, যা ব্যবহারকারীদের একটি নির্দিষ্ট তারিখ নির্বাচন করতে দেয়।
এই কম্পোনেন্টগুলো আপনাকে Vaadin এর মধ্যে ইউজার ইন্টারফেস ডিজাইন করতে সাহায্য করে। Java কোডের মাধ্যমে এগুলোর কাস্টমাইজেশন এবং ইন্টারেকশন যুক্ত করা সম্ভব, যা আপনার অ্যাপ্লিকেশনকে আরও ইন্টারেক্টিভ এবং ব্যবহারকারী-বান্ধব করে তোলে।
Read more
