Button, Label, Entry, এবং Image Controls গাইড ও নোট

Mobile App Development - ডট নেট এমআইইউআই (.NET MAUI) - .NET MAUI এর বেসিক Controls এবং Components
355

.NET MAUI এ অনেক ধরনের UI কন্ট্রোলস রয়েছে, যার মধ্যে Button, Label, Entry, এবং Image অন্যতম। এই কন্ট্রোলগুলি অ্যাপ্লিকেশনের ইন্টারফেস তৈরি করতে সহায়ক এবং প্রতিটি কন্ট্রোলের নিজস্ব ব্যবহার এবং বৈশিষ্ট্য রয়েছে।

1. Button

Button কন্ট্রোল ব্যবহারকারীকে একটি ক্লিকযোগ্য বাটন প্রদান করে। এটি সাধারণত অ্যাপ্লিকেশনে কোনো অ্যাকশন বা ইন্টারঅ্যাকশন trigger করার জন্য ব্যবহৃত হয়।

ব্যবহার:

<Button Text="Click Me"
        Clicked="OnButtonClicked"
        HorizontalOptions="Center"
        VerticalOptions="Center" />

ব্যাখ্যা:

  • Text: বাটনের প্রদর্শিত টেক্সট।
  • Clicked: বাটন ক্লিক হলে এটি যে মেথডটিকে কল করবে।
  • HorizontalOptions এবং VerticalOptions: বাটনটির অবস্থান নির্ধারণ করে।

C# কোড:

private void OnButtonClicked(object sender, EventArgs e)
{
    // Button ক্লিক হলে যা করতে চান
    DisplayAlert("Button Clicked", "You clicked the button!", "OK");
}

2. Label

Label কন্ট্রোল টেক্সট প্রদর্শন করার জন্য ব্যবহৃত হয়। এটি সাধারণত কোনো বার্তা, শিরোনাম, অথবা নির্দেশনা দেখানোর জন্য ব্যবহৃত হয়।

ব্যবহার:

<Label Text="Hello, .NET MAUI!"
       HorizontalOptions="Center"
       VerticalOptions="Center" />

ব্যাখ্যা:

  • Text: প্রদর্শিত টেক্সট।
  • HorizontalOptions এবং VerticalOptions: লেবেলের অবস্থান নির্ধারণ করে।

C# কোড:

Label label = new Label();
label.Text = "Welcome to .NET MAUI!";

3. Entry

Entry কন্ট্রোল ব্যবহারকারীকে টেক্সট ইনপুট দেওয়ার সুযোগ দেয়। এটি সাধারণত ফর্মে বা লগইন পেজে ব্যবহৃত হয়।

ব্যবহার:

<Entry Placeholder="Enter your name"
       TextChanged="OnEntryTextChanged"
       HorizontalOptions="Center"
       VerticalOptions="Center" />

ব্যাখ্যা:

  • Placeholder: ইনপুট ফিল্ডে কোনো টেক্সট না থাকলে প্রদর্শিত টেক্সট।
  • TextChanged: ইনপুট পরিবর্তিত হলে এটি যে মেথডটিকে কল করবে।

C# কোড:

private void OnEntryTextChanged(object sender, TextChangedEventArgs e)
{
    // ইনপুট পরিবর্তন হলে যা করতে চান
    DisplayAlert("Text Changed", "You entered: " + e.NewTextValue, "OK");
}

4. Image

Image কন্ট্রোল চিত্র বা ছবি প্রদর্শনের জন্য ব্যবহৃত হয়। এটি সাধারণত অ্যাপ্লিকেশনের ব্যাকগ্রাউন্ড, প্রোডাক্ট ছবি বা অন্যান্য ভিজ্যুয়াল উপাদান প্রদর্শন করার জন্য ব্যবহৃত হয়।

ব্যবহার:

<Image Source="dotnet_maui_logo.png"
       HorizontalOptions="Center"
       VerticalOptions="Center" />

ব্যাখ্যা:

  • Source: ইমেজটির সোর্স (স্থানীয় বা অনলাইন ইমেজ ইউআরএল হতে পারে)।
  • HorizontalOptions এবং VerticalOptions: ইমেজের অবস্থান নির্ধারণ করে।

C# কোড:

Image image = new Image();
image.Source = "dotnet_maui_logo.png";

সারাংশ:

  • Button: ব্যবহারকারীকে ক্লিক করার জন্য বাটন প্রদান করে।
  • Label: টেক্সট প্রদর্শন করার জন্য ব্যবহৃত হয়।
  • Entry: ব্যবহারকারীকে ইনপুট দেওয়ার সুযোগ দেয়।
  • Image: ছবি প্রদর্শন করার জন্য ব্যবহৃত হয়।

এই কন্ট্রোলগুলো .NET MAUI এ UI তৈরি করার প্রধান উপাদান, এবং এগুলোর মাধ্যমে আপনি সহজেই ইন্টারঅ্যাকটিভ এবং ইউজার-ফ্রেন্ডলি অ্যাপ্লিকেশন ডিজাইন করতে পারবেন।

Content added By
Promotion

Are you sure to start over?

Loading...