Microsoft Technologies Brush এবং Gradient ব্যবহার (Linear, Radial) গাইড ও নোট

273

WPF (Windows Presentation Foundation) গ্রাফিক্যাল ইউজার ইন্টারফেস ডিজাইনে রং, শেডিং, এবং স্টাইল প্রয়োগ করতে Brushes এবং Gradients এর মাধ্যমে বৈচিত্র্য তৈরি করা যায়। Brush হলো একটি কনসেপ্ট যা রঙ বা প্যাটার্ন হিসেবে ব্যবহার হয়। WPF তে Linear Gradient এবং Radial Gradient দুই ধরনের গ্রেডিয়েন্ট ব্যবহৃত হয়, যা UI উপাদানগুলির জন্য উন্নত গ্রাফিক্যাল ইফেক্ট তৈরি করতে সহায়তা করে।


১. Brush কী? (What is a Brush?)

Brush হলো WPF এ একটি গ্রাফিক্যাল কনসেপ্ট যা রঙ, প্যাটার্ন বা টেক্সচার অ্যাপ্লাই করতে ব্যবহৃত হয়। Brush এর মাধ্যমে আপনি শেপ, কন্ট্রোল, বা অন্যান্য গ্রাফিক্যাল উপাদানে রঙ বা শেড দিতে পারেন।

Brush এর উদাহরণ (Example of Brush)

SolidColorBrush:

<Button Content="Click Me" Width="100" Height="50" Background="LightBlue"/>

এখানে, LightBlue একটি সলিড রঙ যা SolidColorBrush হিসেবে ব্যবহৃত হয়েছে।


২. Linear Gradient Brush

Linear Gradient Brush হলো একটি ব্রাশ যা দুই বা তার বেশি রঙের মধ্যে একটি সরল রেখায় গ্রেডিয়েন্ট ইফেক্ট তৈরি করে। এটি সাধারণত কোনো কন্ট্রোল বা শেপের ব্যাকগ্রাউন্ডে বা সীমান্তে ব্যবহৃত হয়, যেখানে রঙগুলো একটি নির্দিষ্ট দিক থেকে অন্য দিকের দিকে মিশে যায়।

Linear Gradient Brush এর উদাহরণ (Example of Linear Gradient Brush)

<Window x:Class="WPFApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Linear Gradient Brush Example" Height="350" Width="525">
    <Grid>
        <Button Content="Click Me" Width="200" Height="50">
            <Button.Background>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="Blue" Offset="0" />
                    <GradientStop Color="Yellow" Offset="1" />
                </LinearGradientBrush>
            </Button.Background>
        </Button>
    </Grid>
</Window>

এখানে:

  • LinearGradientBrush এর মাধ্যমে বাটনের ব্যাকগ্রাউন্ডে দুটি রঙ Blue এবং Yellow এর মধ্যে গ্রেডিয়েন্ট তৈরি করা হয়েছে।
  • StartPoint এবং EndPoint অ্যাট্রিবিউট দ্বারা গ্রেডিয়েন্টের দিক নির্ধারণ করা হয়। StartPoint="0,0" মানে হল উপরের বাম কোণ থেকে শুরু হবে এবং EndPoint="1,1" মানে ডান নিচে শেষ হবে।

৩. Radial Gradient Brush

Radial Gradient Brush হলো একটি গ্রেডিয়েন্ট ব্রাশ যা কেন্দ্র থেকে বাহিরে বিস্তৃত হয়। এটি একটি বৃত্তাকার বা গোলাকার গ্রেডিয়েন্ট তৈরি করে, যেখানে কেন্দ্রের রঙ আলাদা এবং বাহিরের রঙ অন্যরকম হয়।

Radial Gradient Brush এর উদাহরণ (Example of Radial Gradient Brush)

<Window x:Class="WPFApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Radial Gradient Brush Example" Height="350" Width="525">
    <Grid>
        <Button Content="Click Me" Width="200" Height="50">
            <Button.Background>
                <RadialGradientBrush>
                    <GradientStop Color="Red" Offset="0" />
                    <GradientStop Color="Yellow" Offset="1" />
                </RadialGradientBrush>
            </Button.Background>
        </Button>
    </Grid>
</Window>

এখানে:

  • RadialGradientBrush ব্যবহার করা হয়েছে, যা রেড (Red) এবং হলুদ (Yellow) রঙের মধ্যে একটি গোলাকার গ্রেডিয়েন্ট তৈরি করবে।
  • Offset অ্যাট্রিবিউট দিয়ে প্রতিটি রঙের অবস্থান নির্ধারণ করা হয়েছে। Offset="0" মানে প্রথম রঙটি কেন্দ্রের কাছে থাকবে এবং Offset="1" মানে শেষ রঙটি বাহিরের দিকে থাকবে।

৪. Brush এবং Gradient এর ব্যবহার

Brush এবং Gradient সাধারণত WPF তে UI কন্ট্রোলের ফিলিং বা ব্যাকগ্রাউন্ড কাস্টমাইজ করতে ব্যবহৃত হয়। কিছু কন্ট্রোলের ক্ষেত্রে Brush ব্যবহার করা হয়, যেমন:

  • Rectangle, Ellipse, Polygon ইত্যাদি শেপের ভিতরে রঙ প্রয়োগ করতে।
  • Button, TextBox, Label এর ব্যাকগ্রাউন্ড বা বর্ডার কাস্টমাইজ করতে।

Brush ব্যবহার উদাহরণ (Example of Using Brush)

<Rectangle Width="200" Height="100">
    <Rectangle.Fill>
        <SolidColorBrush Color="Green"/>
    </Rectangle.Fill>
</Rectangle>

এখানে:

  • Rectangle শেপের ভিতরে SolidColorBrush দিয়ে গ্রীন রঙ দেয়া হয়েছে।

৫. Linear Gradient এবং Radial Gradient এর তুলনা (Comparison of Linear Gradient and Radial Gradient)

ফিচারLinear GradientRadial Gradient
অবস্থানসরল রেখা (Start to End)কেন্দ্র থেকে বাহিরে বিস্তৃত (Center to Outer)
রঙের বিকৃতিরঙ দুটি পয়েন্টে সরলভাবে পরিবর্তিত হয়রঙ কেন্দ্র থেকে বাহিরের দিকে মিশে যায়
ব্যবহারব্যাকগ্রাউন্ড, বর্ডার, শেপের জন্যগোলাকার ব্যাকগ্রাউন্ড, বর্ডার ইফেক্ট
এফেক্টএকরৈখিক গ্রেডিয়েন্ট (এক দিক থেকে অন্য দিক)গোলাকার গ্রেডিয়েন্ট (এক জায়গা থেকে চারপাশে)

সারাংশ (Summary)

  • Brush WPF তে UI উপাদানগুলোর রঙ বা প্যাটার্ন প্রয়োগ করার জন্য ব্যবহৃত হয়। বিভিন্ন ধরনের ব্রাশ যেমন SolidColorBrush, LinearGradientBrush, এবং RadialGradientBrush ইউজার ইন্টারফেসে স্টাইল এবং ডিজাইন প্রদানে সাহায্য করে।
  • Linear Gradient Brush সরল রেখার মধ্যে দুটি বা তার বেশি রঙের গ্রেডিয়েন্ট তৈরি করে।
  • Radial Gradient Brush কেন্দ্র থেকে বাহিরে বিস্তৃত রঙের গ্রেডিয়েন্ট তৈরি করে, যা গোলাকার বা বৃত্তাকার ইফেক্ট প্রদান করে।

WPF এর Brush এবং Gradient ব্যবহার করে আপনি উন্নত গ্রাফিক্যাল ডিজাইন, রং, শেড এবং অন্যান্য ভিজ্যুয়াল ইফেক্ট অ্যাপ্লিকেশনে যোগ করতে পারবেন।

Content added By
Promotion

Are you sure to start over?

Loading...