Microsoft Technologies Template Binding এবং Template Part ব্যবহার গাইড ও নোট

269

XAML (Extensible Application Markup Language) এ Template Binding এবং Template Part দুটি গুরুত্বপূর্ণ বৈশিষ্ট্য, যা UI কন্ট্রোলের কাস্টমাইজেশন এবং স্টাইলিংয়ের জন্য ব্যবহৃত হয়। এই দুটি ফিচার বিশেষভাবে Control Templates এবং User Controls তৈরি করার সময় সহায়ক।


Template Binding

Template Binding XAML এ একটি মেকানিজম যা UI কন্ট্রোলের Control Template এর মধ্যে প্রপার্টি ভ্যালু বাইন্ড করতে ব্যবহৃত হয়। এর মাধ্যমে আপনি একটি কাস্টম কন্ট্রোলের UI টেমপ্লেটের সাথে কন্ট্রোলের প্রপার্টি যুক্ত করতে পারেন, এবং যখন কন্ট্রোলের প্রপার্টি পরিবর্তিত হয়, তখন UI টেমপ্লেট স্বয়ংক্রিয়ভাবে সেই পরিবর্তন প্রদর্শন করবে। এটি সাধারণত কাস্টম কন্ট্রোলের টেমপ্লেটিং করার সময় ব্যবহৃত হয়।

Template Binding এর উদ্দেশ্য:

  • UI কন্ট্রোলের প্রপার্টি এবং Control Template এর মধ্যে ডেটা বাইন্ডিং তৈরি করা।
  • কাস্টম কন্ট্রোলের স্টাইলিং এবং টেমপ্লেটিংয়ের মধ্যে স্বচ্ছতা আনা।

Template Binding ব্যবহার:

<Button x:Name="myButton" Content="Click Me" Width="200" Height="50">
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <Border Background="{TemplateBinding Background}" BorderBrush="Black" BorderThickness="1">
                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>
        </ControlTemplate>
    </Button.Template>
</Button>

এখানে:

  • TemplateBinding Background ব্যবহার করা হয়েছে যাতে Button কন্ট্রোলের Background প্রপার্টি স্বয়ংক্রিয়ভাবে ControlTemplate এর মধ্যে আপডেট হয়। TemplateBinding প্রপার্টি গুলোর জন্য একই কাজ করতে পারে, যেমন Width, Height ইত্যাদি।

Template Binding এর সুবিধা:

  • ডেটা বাইন্ডিং: Control Template এর মধ্যে বাইন্ডিং তৈরি করতে সহায়ক।
  • ডায়নামিক আপডেট: UI টেমপ্লেট কন্ট্রোলের প্রপার্টির পরিবর্তন অনুযায়ী স্বয়ংক্রিয়ভাবে আপডেট হয়ে যায়।

Template Part

Template Part হল Control Template এর একটি অংশ যা টেমপ্লেটে একটি কন্ট্রোলের নির্দিষ্ট অংশকে নির্দেশ করে। আপনি যখন কাস্টম কন্ট্রোল তৈরি করেন, তখন একটি নির্দিষ্ট অংশকে "Template Part" হিসাবে চিহ্নিত করতে পারেন এবং সেই অংশটি UI এর অন্য অংশ থেকে আলাদা ভাবে কাস্টমাইজ করতে পারেন।

Template Part এর উদ্দেশ্য:

  • কাস্টম কন্ট্রোলের অংশ বিশেষকে আলাদা করতে, যাতে UI তে তা স্বতন্ত্রভাবে ব্যবহৃত এবং কাস্টমাইজড হতে পারে।
  • কাস্টম কন্ট্রোলের টেমপ্লেট অংশগুলোর জন্য কোড-বিহাইন্ডে সহজে ইন্টারঅ্যাক্ট করা।

Template Part ব্যবহার:

  1. XAML ফাইলে Template Part ব্যবহার:
<Button x:Name="myButton" Content="Click Me">
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <Border x:Name="BorderPart" Background="LightBlue" BorderBrush="Black" BorderThickness="1">
                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>
        </ControlTemplate>
    </Button.Template>
</Button>
  1. C# কোড-বিহাইন্ডে Template Part অ্যাক্সেস:
public class CustomButton : Button
{
    public CustomButton()
    {
        this.DefaultStyleKey = typeof(CustomButton);
    }

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        // Template Part অ্যাক্সেস
        var borderPart = GetTemplateChild("BorderPart") as Border;
        if (borderPart != null)
        {
            // Template Part এর সাথে ইন্টারঅ্যাক্ট করা
            borderPart.Background = Brushes.Red;
        }
    }
}

এখানে:

  • x:Name="BorderPart" ব্যবহার করা হয়েছে UI উপাদানটিকে নির্দিষ্টভাবে চিহ্নিত করতে।
  • কোড-বিহাইন্ডে GetTemplateChild("BorderPart") দিয়ে সেই অংশটি অ্যাক্সেস করা হয়েছে এবং তার পরবর্তী কার্যকলাপ করা হয়েছে, যেমন Background পরিবর্তন করা।

Template Part এর সুবিধা:

  • কাস্টম কন্ট্রোলের অংশ আলাদা করা: বিভিন্ন অংশ আলাদাভাবে কাস্টমাইজ করার সুবিধা।
  • কাস্টম কন্ট্রোলের কোড-বিহাইন্ড থেকে এক্সেস: কোড-বিহাইন্ড ফাইলে কাস্টম কন্ট্রোলের নির্দিষ্ট অংশের সাথে ইন্টারঅ্যাক্ট করার সুবিধা।
  • UI কন্ট্রোলের অংশ কাস্টমাইজেশন: Control Template এর অংশকে আলাদাভাবে কাস্টমাইজ করা যায়।

Template Binding এবং Template Part এর মধ্যে পার্থক্য

বৈশিষ্ট্যTemplate BindingTemplate Part
উদ্দেশ্যUI কন্ট্রোলের প্রপার্টি এবং টেমপ্লেটের মধ্যে ডেটা বাইন্ডিং।কাস্টম কন্ট্রোলের নির্দিষ্ট অংশ (যেমন: Border, Button) আলাদা করে ইন্টারঅ্যাক্ট করা।
ব্যবহারControl Template এর মধ্যে UI কন্ট্রোলের প্রপার্টি সংযোগ করতে।Control Template এর নির্দিষ্ট অংশের সাথে কোড-বিহাইন্ডে ইন্টারঅ্যাক্ট করতে।
ডাইনামিক আপডেটস্বয়ংক্রিয়ভাবে UI উপাদান পরিবর্তন হলে টেমপ্লেট আপডেট হয়।কোড-বিহাইন্ডে ইন্টারঅ্যাক্ট করে UI টেমপ্লেটের অংশ পরিবর্তন করা হয়।
কোড-বিহাইন্ড ইন্টারঅ্যাকশনসাধারণত UI কন্ট্রোলের প্রপার্টি আপডেট করার জন্য ব্যবহৃত হয়।কোড-বিহাইন্ডে কাস্টম অংশের সাথে ইন্টারঅ্যাক্ট করার জন্য ব্যবহৃত হয়।

সারাংশ

  • Template Binding ব্যবহার করা হয় কন্ট্রোল টেমপ্লেটের মধ্যে UI কন্ট্রোলের প্রপার্টি বাইন্ড করার জন্য, যাতে কন্ট্রোলের পরিবর্তন UI টেমপ্লেটে স্বয়ংক্রিয়ভাবে প্রতিফলিত হয়।
  • Template Part ব্যবহৃত হয় Control Template এর নির্দিষ্ট অংশগুলিকে কাস্টমাইজ এবং কোড-বিহাইন্ডে অ্যাক্সেস করার জন্য। এটি কাস্টম কন্ট্রোলের অংশগুলোর সঙ্গে ইন্টারঅ্যাক্ট করার সুবিধা প্রদান করে।

এই দুটি বৈশিষ্ট্যই UI কন্ট্রোল কাস্টমাইজ করার এবং টেমপ্লেট তৈরির ক্ষেত্রে গুরুত্বপূর্ণ ভূমিকা পালন করে, বিশেষ করে যখন আপনি কাস্টম কন্ট্রোল তৈরি করছেন।

Content added By
Promotion

Are you sure to start over?

Loading...