Control Template XAML এ একটি শক্তিশালী কনসেপ্ট, যা UI কন্ট্রোলগুলোর (যেমন Button, TextBox, ComboBox ইত্যাদি) আউটপুট বা দর্শনীয় অংশের সম্পূর্ণ কাস্টমাইজেশন করতে ব্যবহৃত হয়। এটি একটি কন্ট্রোলের ভিজ্যুয়াল উপস্থাপনাকে পরিবর্তন করতে দেয়, তবে কন্ট্রোলের আচরণ বা কার্যকারিতা (যেমন ক্লিক হওয়া, ইনপুট গ্রহণ ইত্যাদি) অপরিবর্তিত থাকে।
Control Template ব্যবহার করে, আপনি কন্ট্রোলের ভিতরের স্ট্রাকচার এবং ডিজাইন পরিবর্তন করতে পারেন, যাতে কন্ট্রোলটি আপনার অ্যাপ্লিকেশনের থিম বা স্টাইলের সাথে পুরোপুরি মেলে।
Control Template এর কাজ
Control Template মূলত কন্ট্রোলের ভিজ্যুয়াল অংশ কাস্টমাইজ করতে ব্যবহৃত হয়, যেমন:
- কন্ট্রোলের উপাদান (যেমন বাটন, টেক্সটবক্স)
- কন্ট্রোলের অবস্থান এবং সাজানো
- কন্ট্রোলের গ্রাফিকাল অংশ, যেমন ব্যাকগ্রাউন্ড, বর্ডার, ইফেক্টস ইত্যাদি
Control Template ব্যবহারের মাধ্যমে আপনি একটি কন্ট্রোলের আগের দেখানোর পদ্ধতি পরিবর্তন করতে পারেন, কিন্তু কন্ট্রোলের কার্যকারিতা (যেমন, ক্লিক বা সিলেক্ট) অপরিবর্তিত থাকে।
Control Template এর উদাহরণ
১. Button Control এর Control Template
যেহেতু একটি Button এর Control Template দিয়ে আপনি তার স্টাইল এবং আউটপুট পরিবর্তন করতে পারেন, এখানে একটি কাস্টম Control Template দেখানো হলো যা বাটনের বর্ডার এবং ব্যাকগ্রাউন্ড পরিবর্তন করবে:
<Button Width="200" Height="50" Content="Click Me">
<Button.Template>
<ControlTemplate TargetType="Button">
<Border Background="LightBlue" BorderBrush="DarkBlue" BorderThickness="2" CornerRadius="10">
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
</ControlTemplate>
</Button.Template>
</Button>
এখানে:
- ControlTemplate: এটি বাটনের ভিজ্যুয়াল উপস্থাপনাকে কাস্টমাইজ করার জন্য ব্যবহৃত হয়েছে।
- Border: বর্ডার, ব্যাকগ্রাউন্ড এবং বর্ডারের প্রপার্টি সঠিকভাবে সেট করা হয়েছে।
- ContentPresenter: এটি বাটনের কনটেন্ট (যেমন “Click Me”) প্রদর্শন করবে।
২. TextBox Control এর Control Template
একটি TextBox এর Control Template কাস্টমাইজ করে আপনি তার বর্ডার এবং ভিজ্যুয়াল স্টাইল পরিবর্তন করতে পারেন:
<TextBox Width="300" Height="40">
<TextBox.Template>
<ControlTemplate TargetType="TextBox">
<Border Background="White" BorderBrush="Gray" BorderThickness="1" CornerRadius="5">
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<ContentPresenter />
</ScrollViewer>
</Border>
</ControlTemplate>
</TextBox.Template>
</TextBox>
এখানে:
- ScrollViewer: এটি ইনপুটের জন্য স্ক্রলিং সক্ষম করেছে।
- Border: টেক্সটবক্সের বর্ডারের ডিজাইন কাস্টমাইজ করা হয়েছে।
- ContentPresenter: টেক্সটবক্সের ভ্যালু বা কনটেন্ট এখানে প্রদর্শিত হবে।
Control Template এবং Styles এর পার্থক্য
- Style:
Styleসাধারণত UI কন্ট্রোলের প্রপার্টির মান পরিবর্তন করতে ব্যবহৃত হয়, যেমন বর্ডার কালার, ব্যাকগ্রাউন্ড, ফন্ট সাইজ ইত্যাদি। তবে, এটি কেবল কন্ট্রোলের অঙ্গসংস্থান পরিবর্তন করে, তার কন্ট্রোলের কাঠামো নয়। - Control Template:
Control Templateএকটি কন্ট্রোলের কাঠামো এবং স্ট্রাকচার পুরোপুরি কাস্টমাইজ করতে ব্যবহৃত হয়। এটি কন্ট্রোলের সম্পূর্ণ ভিজ্যুয়াল অংশ কাস্টমাইজ করে, যেমন, বাটনের আউটলুক বা টেক্সটবক্সের স্টাইলিং।
উদাহরণ:
- Style: বাটনের ব্যাকগ্রাউন্ড কালার পরিবর্তন করা
- Control Template: বাটনের আউটপুট সম্পূর্ণভাবে কাস্টমাইজ করা (যেমন, বাটনের আকার, ব্যাকগ্রাউন্ড, বর্ডার এবং কনটেন্ট)
Control Template কিভাবে কাজ করে
- ControlTemplate XAML ফাইলের মধ্যে কন্ট্রোলের
Templateপ্রপার্টি ব্যবহার করে ডিফাইন করা হয়। - Control Template কন্ট্রোলের ভিজ্যুয়াল উপাদানগুলোর (যেমন বর্ডার, গ্রাফিক্স, কনটেন্ট) স্টাইল, ডিজাইন, প্রপার্টি কাস্টমাইজ করতে ব্যবহৃত হয়।
- কন্ট্রোলের আচরণ (যেমন ক্লিক, সিলেকশন) পরিবর্তন না করে, কেবল তার ভিজ্যুয়াল পার্ট কাস্টমাইজ করা হয়।
Control Template এর সুবিধা
- কাস্টমাইজেশন: কন্ট্রোলের স্টাইল এবং ডিজাইন কাস্টমাইজ করার জন্য সবচেয়ে উপযুক্ত পদ্ধতি।
- ফ্লেক্সিবিলিটি: ব্যবহারকারীদের জন্য আরও সুনির্দিষ্ট এবং এক্সটেনসিভ UI ডিজাইন তৈরি করা যায়।
- এডভান্সড UI: জটিল UI কন্ট্রোল তৈরি করতে সহায়ক, যেমন কাস্টম স্লাইডার, কাস্টম বাটন ইত্যাদি।
সারাংশ
- Control Template XAML এর মাধ্যমে UI কন্ট্রোলের সম্পূর্ণ ভিজ্যুয়াল ডিজাইন এবং কাঠামো কাস্টমাইজ করতে ব্যবহৃত হয়।
- এটি কেবল কন্ট্রোলের আউটপুট (দেখানো অংশ) পরিবর্তন করে, তবে কন্ট্রোলের আচরণ (যেমন ক্লিক ইভেন্ট) অপরিবর্তিত থাকে।
- Control Template এবং Style এর মধ্যে প্রধান পার্থক্য হলো, Style কেবল প্রপার্টি পরিবর্তন করে, যেখানে Control Template কন্ট্রোলের পুরো কাঠামো কাস্টমাইজ করে।
Read more
