Data Template এবং ItemTemplate এর ব্যবহার

XAML এ Data Template এবং ItemTemplate দুটি গুরুত্বপূর্ণ কনসেপ্ট যা ডেটা-বাইন্ডিং এবং UI কন্ট্রোলের কাস্টমাইজেশন সঠিকভাবে করার জন্য ব্যবহৃত হয়। এই দুটি টেমপ্লেট ডেটার ভিত্তিতে UI উপাদানগুলোর কাস্টম ডিজাইন তৈরি করতে সহায়ক।

Data Template

Data Template হল XAML এর একটি টেমপ্লেট যা ডেটার একটি বিশেষ ধরনের উপস্থাপন (representation) বা প্রদর্শন তৈরি করার জন্য ব্যবহৃত হয়। এটি মূলত ডেটা-বাইন্ডিংয়ের মাধ্যমে UI উপাদানগুলোকে কাস্টমাইজ করার জন্য ব্যবহৃত হয়। যখন আপনি কোনো ডেটা আইটেমের ভ্যালু বা বৈশিষ্ট্যগুলি UI কন্ট্রোলের সাথে বাইন্ড করবেন, তখন DataTemplate ব্যবহার করতে পারবেন যাতে আপনি কীভাবে ওই ডেটার উপস্থাপন চান তা কাস্টমাইজ করতে পারেন।

DataTemplate এর উদ্দেশ্য:

• ডেটার একটি কাস্টম উপস্থাপন তৈরি করা।
• একাধিক ডেটা টাইপের জন্য একটি একক UI কন্ট্রোল তৈরি করা।
• ডেটা-বাইন্ডিং এবং UI উপাদানগুলোর মধ্যে একটি শক্তিশালী সংযোগ স্থাপন করা।

DataTemplate ব্যবহার উদাহরণ:

<Window x:Class="MyApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Data Template Example" Height="300" Width="400">
    <Window.Resources>
        <DataTemplate x:Key="PersonTemplate">
            <StackPanel>
                <TextBlock Text="{Binding Name}" FontWeight="Bold" />
                <TextBlock Text="{Binding Age}" />
            </StackPanel>
        </DataTemplate>
    </Window.Resources>

    <ListBox ItemTemplate="{StaticResource PersonTemplate}">
        <ListBox.Items>
            <local:Person Name="John Doe" Age="25"/>
            <local:Person Name="Jane Smith" Age="30"/>
        </ListBox.Items>
    </ListBox>
</Window>

এখানে:

• DataTemplate: PersonTemplate নামে একটি ডেটা টেমপ্লেট তৈরি করা হয়েছে, যা Name এবং Age প্রপার্টি বাইন্ড করে একটি StackPanel এর মধ্যে প্রদর্শন করবে।
• ListBox: ListBox এর ItemTemplate ব্যবহার করে প্রতিটি Person অবজেক্ট কাস্টম স্টাইল এবং লেআউট অনুযায়ী প্রদর্শিত হচ্ছে।

ItemTemplate

ItemTemplate একটি XAML প্রপার্টি যা ItemsControl বা তার সন্তানের (যেমন: ListBox, ComboBox, ListView, ইত্যাদি) মধ্যে প্রতিটি আইটেমের জন্য কাস্টম ডেটা প্রেজেন্টেশন তৈরি করতে ব্যবহৃত হয়। ItemTemplate মূলত DataTemplate এর সাথে সম্পর্কিত, কারণ এটি প্রতিটি আইটেমের জন্য DataTemplate ব্যবহার করে UI কাস্টমাইজ করে।

ItemTemplate এর উদ্দেশ্য:

• ItemsControl এর মধ্যে প্রতিটি আইটেমের জন্য একটি কাস্টম টেমপ্লেট তৈরি করা।
• একাধিক আইটেমের মধ্যে ডেটার ভিত্তিতে UI কাস্টমাইজ করা।
• আইটেমগুলোর উপস্থাপন বা ডিজাইন পরিবর্তন করা।

ItemTemplate ব্যবহার উদাহরণ:

<Window x:Class="MyApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Item Template Example" Height="300" Width="400">
    <Window.Resources>
        <DataTemplate x:Key="PersonTemplate">
            <StackPanel>
                <TextBlock Text="{Binding Name}" FontWeight="Bold" />
                <TextBlock Text="{Binding Age}" />
            </StackPanel>
        </DataTemplate>
    </Window.Resources>

    <ListBox ItemTemplate="{StaticResource PersonTemplate}">
        <ListBox.Items>
            <local:Person Name="John Doe" Age="25"/>
            <local:Person Name="Jane Smith" Age="30"/>
        </ListBox.Items>
    </ListBox>
</Window>

এখানে:

• ListBox এর ItemTemplate প্রপার্টি ব্যবহার করা হয়েছে, যাতে PersonTemplate ডেটা টেমপ্লেটটি প্রতিটি আইটেমের জন্য প্রয়োগ করা হয়।
• ItemTemplate প্রপার্টির মাধ্যমে ডেটা টেমপ্লেট কাস্টমাইজ করা হয়েছে, যা আইটেমের Name এবং Age প্রদর্শন করবে।

DataTemplate এবং ItemTemplate এর মধ্যে পার্থক্য

DataTemplate এবং ItemTemplate এর কাস্টমাইজেশন

DataTemplate এবং ItemTemplate ব্যবহার করে আপনি যে কোনো কন্ট্রোলের আইটেমের জন্য কাস্টম লেআউট এবং ডিজাইন তৈরি করতে পারেন। নিম্নলিখিত কাস্টমাইজেশন টেকনিকগুলি ব্যবহার করা যেতে পারে:

১. Data Binding:

DataTemplate বা ItemTemplate এর মধ্যে ডেটা বাইন্ডিং ব্যবহার করা যায়, যাতে আপনার UI উপাদানগুলি ডেটার সাথে অটোমেটিক্যালি সিঙ্ক্রোনাইজ হয়।

২. Triggers:

Triggers ব্যবহার করে আপনি আইটেমের অবস্থা অনুযায়ী UI পরিবর্তন করতে পারেন। যেমন: মাউস ওভার, ক্লিক, সিলেকশন ইত্যাদি।

৩. Visual State Manager:

Visual State Manager (VSM) ব্যবহার করে UI কন্ট্রোলগুলোর বিভিন্ন ভিজ্যুয়াল অবস্থার পরিবর্তন তৈরি করতে পারেন, যেমন Normal, Pressed, Disabled ইত্যাদি।

৪. Style and Control Template:

কাস্টম টেমপ্লেট এবং স্টাইল ব্যবহার করে আপনি UI উপাদানগুলোর আকৃতি, রঙ, প্যাডিং, মার্জিন ইত্যাদি কাস্টমাইজ করতে পারেন।

সারাংশ

• DataTemplate এবং ItemTemplate XAML এ ডেটা-বাইন্ডিং এবং UI কাস্টমাইজেশনের জন্য ব্যবহৃত শক্তিশালী টুল।
• DataTemplate ডেটার জন্য UI উপস্থাপন তৈরি করতে ব্যবহৃত হয়, যখন ItemTemplate একটি ItemsControl এর মধ্যে প্রতিটি আইটেমের জন্য UI উপস্থাপন তৈরি করে।
• DataTemplate এবং ItemTemplate ব্যবহারের মাধ্যমে আপনি UI এর কাস্টম ডিজাইন তৈরি করতে পারেন যা ডেটার সাথে সিঙ্ক্রোনাইজড থাকে এবং ডেটার উপস্থাপন আরো আকর্ষণীয় এবং ইন্টারেকটিভ হয়।