Bagaimana untuk Melaksanakan Navigasi Halaman dalam WPF Menggunakan Corak MVVM?

Gunakan corak MVVM untuk melaksanakan navigasi halaman dalam WPF

Navigasi Halaman dalam WPF

Menavigasi antara halaman atau skrin yang berbeza adalah keperluan biasa apabila membangunkan aplikasi WPF. Ini boleh dicapai melalui pelbagai kaedah, termasuk MVVM (Model-View-ViewModel).

Kaedah MVVM

MVVM ialah corak reka bentuk yang memisahkan logik aplikasi kepada komponen yang berbeza: model, paparan dan model paparan. Dalam kes ini, paparan bertanggungjawab untuk memaparkan UI, model mewakili data asas dan model paparan bertindak sebagai perantara antara kedua-duanya, menukar data model kepada format yang sesuai untuk paparan.

Penggunaan

Untuk menggunakan MVVM untuk melaksanakan navigasi halaman:

• MainWindow.xaml:

  • Gunakan ContentControl untuk mengehoskan halaman semasa.
  • Muatkan templat halaman ke dalam DataTemplates dengan kunci yang sepadan dengan model paparan halaman.
  • Ikat sifat ContentControl's Content kepada sifat SelectedPage dalam model paparan.

• Model halaman:

  • Buat model halaman sebagai kawalan pengguna atau Templat Data.

• ViewModel:

  • Buat model paparan untuk setiap halaman yang melaksanakan IPage dan mendedahkan sifat khusus halaman (mis., tajuk).

• ModelPandangan Utama:

  • Laksanakan MainViewModel, yang mengurus halaman dan navigasi.
    • Menyimpan kamus nama halaman dan model paparan yang sepadan.
    • Menyediakan arahan (SelectPageCommand) untuk memilih halaman.

• SelectPageCommand:

  • Arahan ini mengambil parameter yang mewakili halaman yang dikehendaki.
  • Apabila dilaksanakan, ia mendapatkan semula model paparan halaman yang ditentukan daripada kamus dan menetapkannya kepada SelectedPage, yang mencetuskan paparan untuk memaparkan templat yang sepadan.

Pencapaian

<ContentControl Content="{Binding SelectedPage}"></ContentControl>

public ICommand SelectPageCommand => new RelayCommand(SelectPage);

...

public void SelectPage(object param)
{
    if (param is PageName pageName && Pages.TryGetValue(pageName, out IPage selectedPage))
    {
        SelectedPage = selectedPage;
    }
}

Pendekatan ini menyediakan cara ringkas dan fleksibel untuk menavigasi halaman, menjadikannya mudah untuk menambah atau mengalih keluar halaman dan mengurangkan pertindihan kod.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Navigasi Halaman dalam WPF Menggunakan Corak MVVM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!