Microsoft Technologies Inline Style এবং Application-wide Style তৈরি করা গাইড ও নোট

341

WPF (Windows Presentation Foundation) অ্যাপ্লিকেশনে Style ব্যবহৃত হয় ইউজার ইন্টারফেস উপাদানগুলোর চেহারা এবং অনুভূতি কাস্টমাইজ করার জন্য। স্টাইলের মাধ্যমে আপনি একটি কন্ট্রোলের সমস্ত প্রপার্টি, যেমন ব্যাকগ্রাউন্ড কালার, বর্ডার, ফন্ট সাইজ ইত্যাদি একযোগভাবে কাস্টমাইজ করতে পারেন। WPF এ দুটি প্রধান ধরনের স্টাইল তৈরি করা যায়:

  1. Inline Style (একক কন্ট্রোলের জন্য স্টাইল)
  2. Application-wide Style (অ্যাপ্লিকেশনের সমস্ত কন্ট্রোলের জন্য স্টাইল)

নিচে উভয় ধরনের স্টাইল তৈরি করার পদ্ধতি ব্যাখ্যা করা হয়েছে।


১. Inline Style তৈরি করা

Inline Style হল একক কন্ট্রোলের জন্য স্টাইল প্রয়োগ করার পদ্ধতি, যেখানে কেবল একটি কন্ট্রোলের আউটলুক কাস্টমাইজ করা হয়। এটি XAML ফাইলে সরাসরি নির্দিষ্ট কন্ট্রোলের মধ্যে লেখা হয়।

Inline Style এর বৈশিষ্ট্য (Properties of Inline Style)

  • এটি শুধুমাত্র নির্দিষ্ট কন্ট্রোলের জন্য প্রযোজ্য হয়।
  • কন্ট্রোলের ভিতরেই স্টাইলের সমস্ত বৈশিষ্ট্য (Attributes) লেখা হয়।

Inline Style উদাহরণ (Example):

<Button Content="Click Me" Width="150" Height="50">
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Background" Value="LightBlue"/>
            <Setter Property="FontSize" Value="16"/>
            <Setter Property="FontWeight" Value="Bold"/>
        </Style>
    </Button.Style>
</Button>

এই উদাহরণে, একটি Button কন্ট্রোলের জন্য Inline Style তৈরি করা হয়েছে। এতে Background, FontSize, এবং FontWeight স্টাইল প্রপার্টি নির্ধারণ করা হয়েছে। এই স্টাইলটি কেবলমাত্র এই বাটন কন্ট্রোলের জন্য প্রযোজ্য।


২. Application-wide Style তৈরি করা

Application-wide Style হল এমন একটি স্টাইল যা সমস্ত কন্ট্রোলের জন্য অ্যাপ্লিকেশনের মধ্যে ব্যবহৃত হয়। এই স্টাইলগুলি App.xaml ফাইলে সংজ্ঞায়িত করা হয় এবং সেগুলি অ্যাপ্লিকেশনের সব কন্ট্রোলের জন্য প্রযোজ্য।

Application-wide Style এর বৈশিষ্ট্য (Properties of Application-wide Style)

  • এটি সমস্ত কন্ট্রোলের জন্য প্রযোজ্য হতে পারে, যদি টার্গেট টাইপ ঠিকভাবে নির্ধারণ করা হয়।
  • App.xaml ফাইলে একটি সাধারণ স্টাইল রিসোর্স হিসেবে সংজ্ঞায়িত হয়, যা অ্যাপ্লিকেশনের সব UI কন্ট্রোলের জন্য ব্যবহার করা যেতে পারে।

Application-wide Style উদাহরণ (Example):

App.xaml:

<Application x:Class="WPFApplication.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <Style TargetType="Button">
            <Setter Property="Background" Value="LightGreen"/>
            <Setter Property="FontSize" Value="18"/>
            <Setter Property="FontWeight" Value="Bold"/>
        </Style>
    </Application.Resources>
</Application>

এই উদাহরণে, App.xaml ফাইলে Button কন্ট্রোলের জন্য একটি স্টাইল তৈরি করা হয়েছে, যা সমস্ত Button কন্ট্রোলের জন্য প্রযোজ্য হবে। এতে Background, FontSize, এবং FontWeight নির্ধারণ করা হয়েছে।

MainWindow.xaml (ব্যবহার):

<Window x:Class="WPFApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WPF Example" Height="350" Width="525">
    <Grid>
        <Button Content="Click Me" Width="150" Height="50"/>
        <Button Content="Another Button" Width="150" Height="50" VerticalAlignment="Bottom"/>
    </Grid>
</Window>

এই উদাহরণে, দুটি বাটন রয়েছে এবং অ্যাপ্লিকেশন স্তরের স্টাইলের কারণে, দুটি বাটনই LightGreen ব্যাকগ্রাউন্ড, FontSize 18 এবং FontWeight Bold পাবে, কারণ স্টাইলটি App.xaml তে Button টার্গেট করে রাখা হয়েছে।


৩. Style Override (স্টাইল ওভাররাইড)

আপনি যদি অ্যাপ্লিকেশন-ওয়াইড স্টাইল ব্যবহার করেন এবং নির্দিষ্ট কন্ট্রোলের জন্য আলাদা স্টাইল প্রয়োগ করতে চান, তাহলে আপনি সেই কন্ট্রোলের Style প্রপার্টি ব্যবহার করে স্টাইলটি ওভাররাইড করতে পারেন।

Style Override উদাহরণ (Example):

<Button Content="Click Me" Width="150" Height="50">
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Background" Value="LightBlue"/>
            <Setter Property="FontSize" Value="20"/>
        </Style>
    </Button.Style>
</Button>

এই উদাহরণে, যদিও App.xaml তে Button এর জন্য স্টাইল নির্ধারণ করা হয়েছে, তবে এই নির্দিষ্ট বাটনে Inline Style ব্যবহার করে সেটি ওভাররাইড করা হয়েছে, যাতে এটি আলাদা স্টাইল পায়।


সারাংশ (Summary)

  • Inline Style হল একটি নির্দিষ্ট কন্ট্রোলের জন্য স্টাইল, যা সরাসরি XAML ফাইলে কন্ট্রোলের ভিতরে লেখা হয়।
  • Application-wide Style হল এমন একটি স্টাইল যা App.xaml ফাইলে সংজ্ঞায়িত করা হয় এবং এটি অ্যাপ্লিকেশনের সমস্ত কন্ট্রোলের জন্য প্রযোজ্য।
  • Style Override এর মাধ্যমে আপনি নির্দিষ্ট কন্ট্রোলের জন্য অ্যাপ্লিকেশন-ওয়াইড স্টাইল পরিবর্তন বা ওভাররাইড করতে পারেন।

এই দুটি ধরনের স্টাইলের মাধ্যমে আপনি WPF অ্যাপ্লিকেশনের UI কাস্টমাইজ করতে পারেন এবং সেগুলি অ্যাপ্লিকেশনটির লুক এবং অনুভূতি অনুযায়ী সাজাতে পারেন।

Content added By
Promotion

Are you sure to start over?

Loading...