Frame এবং Page ব্যবহার করে Navigation System তৈরি

Windows Application Development-এ Frame এবং Page কন্ট্রোল ব্যবহার করে সহজে একটি নেভিগেশন সিস্টেম তৈরি করা যায়। Frame হলো একটি কন্ট্রোল যা বিভিন্ন পেজের মধ্যে নেভিগেশন করতে সাহায্য করে এবং Page হলো একটি UI উপাদান যা বিভিন্ন কন্ট্রোল এবং কনটেন্ট ধারণ করে।

এই টিউটোরিয়ালে XAML এবং C# ব্যবহার করে একটি মৌলিক নেভিগেশন সিস্টেম তৈরি করার প্রক্রিয়া দেখানো হবে।

Frame এবং Page এর ভূমিকা

• Frame: Frame হলো একটি কন্ট্রোল যা একাধিক Page কন্ট্রোলের মধ্যে নেভিগেশন সিস্টেম পরিচালনা করে।
• Page: Page হলো একটি কন্ট্রোল যা UI কন্ট্রোল, লেআউট এবং কনটেন্ট ধারণ করে, যা Frame এর মধ্যে প্রদর্শিত হয়।

Frame এবং Page ব্যবহার করে Navigation System তৈরি

এই উদাহরণে একটি সিম্পল অ্যাপ্লিকেশন তৈরি করা হবে, যেখানে দুটি পেজ থাকবে এবং একটি Frame এর মাধ্যমে তাদের মধ্যে নেভিগেট করা যাবে।

ধাপ ১: নতুন প্রজেক্ট তৈরি

1. Visual Studio খুলুন এবং একটি নতুন WPF Application প্রজেক্ট তৈরি করুন।
2. প্রজেক্টের নাম দিন, যেমন NavigationExample।

ধাপ ২: MainWindow.xaml তৈরি করা

MainWindow.xaml ফাইলটি প্রথম পেজ হিসেবে কাজ করবে। এখানে একটি Frame থাকবে, যা দুটি পেজের মধ্যে নেভিগেট করবে।

MainWindow.xaml:

<Window x:Class="NavigationExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Navigation Example" Height="350" Width="525">
    <Grid>
        <Frame Name="MainFrame" NavigationUIVisibility="Hidden"/>
    </Grid>
</Window>

• এখানে একটি Frame কন্ট্রোল ব্যবহার করা হয়েছে যা MainFrame নামে পরিচিত।
• NavigationUIVisibility="Hidden" ব্যবহার করে নেভিগেশন বারটি লুকানো হয়েছে, কারণ আমরা নেভিগেশনটি কোডবিহাইন্ডে হ্যান্ডেল করব।

ধাপ ৩: Page তৈরি করা

এখন দুটি Page তৈরি করবো, যেগুলি বিভিন্ন কন্ট্রোল ধারণ করবে এবং Frame এর মাধ্যমে নেভিগেট হবে।

1. FirstPage.xaml:
   • এটি প্রথম পেজ হিসেবে কাজ করবে।

<Page x:Class="NavigationExample.FirstPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="First Page">
    <Grid>
        <Button Content="Go to Second Page" HorizontalAlignment="Center" VerticalAlignment="Center" Click="NavigateToSecondPage"/>
    </Grid>
</Page>

• Button ব্যবহার করা হয়েছে, যার Click ইভেন্টটি NavigateToSecondPage মেথডের সাথে সংযুক্ত।

2. SecondPage.xaml:
   • এটি দ্বিতীয় পেজ হিসেবে কাজ করবে।

<Page x:Class="NavigationExample.SecondPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="Second Page">
    <Grid>
        <Button Content="Go to First Page" HorizontalAlignment="Center" VerticalAlignment="Center" Click="NavigateToFirstPage"/>
    </Grid>
</Page>

• এই পেজেও একটি Button রয়েছে, যা দ্বিতীয় পেজ থেকে প্রথম পেজে নেভিগেট করবে।

ধাপ ৪: কোড-বিহাইন্ড তৈরি করা

এখন আমরা C# কোড ব্যবহার করে পেজগুলোতে নেভিগেশন ইভেন্ট হ্যান্ডল করব।

1. FirstPage.xaml.cs:

using System.Windows;
using System.Windows.Controls;

namespace NavigationExample
{
    public partial class FirstPage : Page
    {
        public FirstPage()
        {
            InitializeComponent();
        }

        private void NavigateToSecondPage(object sender, RoutedEventArgs e)
        {
            // Navigate to SecondPage
            this.NavigationService.Navigate(new SecondPage());
        }
    }
}

• NavigateToSecondPage মেথডটি SecondPage এ নেভিগেট করতে সাহায্য করবে।

2. SecondPage.xaml.cs:

using System.Windows;
using System.Windows.Controls;

namespace NavigationExample
{
    public partial class SecondPage : Page
    {
        public SecondPage()
        {
            InitializeComponent();
        }

        private void NavigateToFirstPage(object sender, RoutedEventArgs e)
        {
            // Navigate to FirstPage
            this.NavigationService.Navigate(new FirstPage());
        }
    }
}

• NavigateToFirstPage মেথডটি FirstPage এ নেভিগেট করতে সাহায্য করবে।

ধাপ ৫: MainWindow.xaml.cs সেটআপ করা

এখন আমরা MainWindow.xaml.cs ফাইলে প্রথম পেজের জন্য Frame সেট আপ করব।

using System.Windows;

namespace NavigationExample
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            MainFrame.Navigate(new FirstPage());  // Navigate to FirstPage when the application starts
        }
    }
}

• MainFrame.Navigate(new FirstPage()) ব্যবহার করে অ্যাপ্লিকেশন শুরু হলে প্রথম পেজটি লোড হবে।

উপসংহার

এখন আপনার অ্যাপ্লিকেশন প্রস্তুত, এবং এটি দুটি পেজের মধ্যে সঠিকভাবে নেভিগেট করবে। প্রথম পেজ থেকে দ্বিতীয় পেজে এবং দ্বিতীয় পেজ থেকে প্রথম পেজে ক্লিকের মাধ্যমে নেভিগেট করা যাবে। Frame এবং Page কন্ট্রোলের মাধ্যমে এই ধরণের নেভিগেশন সিস্টেম তৈরি করা খুবই সহজ এবং কার্যকরী।

এটি WPF অ্যাপ্লিকেশনের জন্য একটি মৌলিক নেভিগেশন সিস্টেম তৈরি করার প্রক্রিয়া। আপনার প্রয়োজন অনুযায়ী, আরও পেজ এবং কন্ট্রোল যুক্ত করে এই সিস্টেমটি উন্নত করা যেতে পারে।