XAML এ Styles ব্যবহার করা হয় UI উপাদানগুলোর প্রদর্শন, শৈলী এবং পারফরমেন্স কাস্টমাইজ করার জন্য। Styles এর মাধ্যমে আপনি অ্যাপ্লিকেশন বা পেজের বিভিন্ন উপাদানের জন্য সাধারণ ডিজাইন নিয়ম নির্ধারণ করতে পারেন। XAML এ দুটি প্রধান ধরনের স্টাইল ব্যবহৃত হয়: Implicit Styles এবং Explicit Styles। এই স্টাইলগুলো UI উপাদানগুলোর লুক এবং ফিল কাস্টমাইজ করতে সাহায্য করে এবং অ্যাপ্লিকেশনের সামগ্রিক দর্শন উন্নত করে।
Implicit Styles
Implicit Styles এমন স্টাইল, যা নির্দিষ্ট UI উপাদানের জন্য কোনো নাম উল্লেখ না করেই স্বয়ংক্রিয়ভাবে প্রয়োগ করা হয়। এটি সাধারণত Resource Dictionary এ সংরক্ষিত হয় এবং যখন আপনি একটি UI উপাদান তৈরি করেন, তখন এটি ঐ উপাদানে প্রভাব ফেলবে।
Implicit Styles এর সুবিধা:
- আপনি একটি UI উপাদানের ধরণ অনুযায়ী স্টাইল প্রয়োগ করতে পারেন।
- একাধিক UI উপাদানে একই স্টাইল পুনরায় ব্যবহার করা যায়।
- কোড কম্প্যাক্ট এবং পরিষ্কার থাকে।
উদাহরণ: Implicit Style ব্যবহার
<Window x:Class="ImplicitStyleExample.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Implicit Style Example" Height="350" Width="525">
<Window.Resources>
<!-- Implicit Style for Button -->
<Style TargetType="Button">
<Setter Property="Background" Value="LightBlue"/>
<Setter Property="FontSize" Value="16"/>
<Setter Property="Padding" Value="10"/>
</Style>
</Window.Resources>
<Grid>
<!-- The Button will automatically inherit the implicit style -->
<Button Content="Click Me" Width="200" Height="50"/>
<Button Content="Another Button" Width="200" Height="50" VerticalAlignment="Bottom"/>
</Grid>
</Window>
এখানে:
Style TargetType="Button": এই স্টাইলটি সব বাটনে প্রয়োগ হবে, কারণTargetType="Button"নির্ধারণ করা হয়েছে।Setterট্যাগের মাধ্যমে Background, FontSize, এবং Padding প্রপার্টি কনফিগার করা হয়েছে।- উল্লিখিত স্টাইলটি Window.Resources এর মধ্যে রাখা হয়েছে এবং এটি উইন্ডোতে থাকা সব বাটনে অটোমেটিকভাবে প্রয়োগ হবে।
Explicit Styles
Explicit Styles হল সেই স্টাইল যা নির্দিষ্টভাবে একটি UI উপাদানে প্রয়োগ করা হয়। এই স্টাইলটি সাধারণত একটি নির্দিষ্ট নামের (Key) মাধ্যমে রেফারেন্স করা হয় এবং সেই UI উপাদানে প্রয়োগ করা হয়। Explicit Styles ব্যবহারের ক্ষেত্রে, আপনি স্টাইলের নামের মাধ্যমে তাকে UI উপাদানে অ্যাসাইন করবেন।
Explicit Styles এর সুবিধা:
- একাধিক স্টাইল থাকতে পারে, তবে প্রতিটি UI উপাদান জন্য আলাদা আলাদা স্টাইল অ্যাসাইন করা হয়।
- প্রয়োজনে UI উপাদানগুলোর জন্য পৃথক স্টাইল তৈরি করা যায়।
- কোডে স্পষ্টভাবে স্টাইলের রেফারেন্স থাকে।
উদাহরণ: Explicit Style ব্যবহার
<Window x:Class="ExplicitStyleExample.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Explicit Style Example" Height="350" Width="525">
<Window.Resources>
<!-- Explicit Style for Button -->
<Style x:Key="ButtonStyle" TargetType="Button">
<Setter Property="Background" Value="Green"/>
<Setter Property="FontSize" Value="20"/>
<Setter Property="Padding" Value="15"/>
</Style>
</Window.Resources>
<Grid>
<!-- Explicitly apply the style using the key -->
<Button Content="Click Me" Width="200" Height="50" Style="{StaticResource ButtonStyle}"/>
<Button Content="Another Button" Width="200" Height="50" VerticalAlignment="Bottom" Style="{StaticResource ButtonStyle}"/>
</Grid>
</Window>
এখানে:
Style x:Key="ButtonStyle": এই স্টাইলের জন্য একটি কাস্টম নাম (Key) দেওয়া হয়েছে যা পরে UI উপাদানে ব্যবহার করা হবে।Style="{StaticResource ButtonStyle}": এই অংশে স্টাইলটির রেফারেন্স দেওয়া হয়েছে, যেটি ButtonStyle নামে সংজ্ঞায়িত হয়েছিল।- প্রতিটি বাটনে একই স্টাইল প্রয়োগ করা হয়েছে, কিন্তু একে একে স্পষ্টভাবে
StaticResourceদ্বারা রেফারেন্স করা হয়েছে।
Implicit Style এবং Explicit Style এর মধ্যে পার্থক্য
| বৈশিষ্ট্য | Implicit Style | Explicit Style |
|---|---|---|
| ব্যবহার | UI উপাদানে স্বয়ংক্রিয়ভাবে প্রয়োগ হয়। | UI উপাদানে সঠিকভাবে রেফারেন্স করতে হয়। |
| স্টাইল অ্যাসাইনমেন্ট | UI উপাদানটির ধরন অনুযায়ী প্রয়োগ হয়। | নির্দিষ্ট নাম (Key) দিয়ে স্টাইল অ্যাসাইন করা হয়। |
| স্টাইলের রেফারেন্স | আলাদা করে রেফারেন্স করার প্রয়োজন নেই। | স্টাইলের নাম (Key) দিয়ে রেফারেন্স করতে হয়। |
| কোডে স্পষ্টতা | কোড কমপ্যাক্ট, তবে কিছু ক্ষেত্রে কম স্পষ্ট। | কোডে স্পষ্টভাবে স্টাইলের রেফারেন্স থাকে। |
উপসংহার
Implicit Styles এবং Explicit Styles XAML এ দুটি গুরুত্বপূর্ণ কৌশল যা UI উপাদানগুলির স্টাইল নির্ধারণ করতে সাহায্য করে। Implicit Styles সাধারণভাবে সহজ এবং দ্রুত উপায়ে একাধিক UI উপাদানে একই স্টাইল প্রয়োগ করতে সাহায্য করে, যেখানে Explicit Styles বেশি নিয়ন্ত্রিত এবং নির্দিষ্ট UI উপাদানে আলাদাভাবে প্রয়োগ করা হয়। এই দুটি পদ্ধতির সঠিক ব্যবহার অ্যাপ্লিকেশনটির ইউআই ডিজাইনকে আরও সুসংগঠিত ও সুন্দর করে তোলে।
Read more
