如何使用MVVM模式在WPF中實作頁面導覽？

使用 MVVM 模式在 WPF 中實作頁面導航

在 WPF 中的頁面導航

在開發 WPF 應用程式時，在不同頁面或螢幕之間導航是常見需求。這可以透過多種方法實現，包括 MVVM（模型-視圖-視圖模型）。

MVVM 方法

MVVM 是一種設計模式，它將應用程式的邏輯分成不同的元件：模型、視圖和視圖模型。在這種情況下，視圖負責顯示 UI，模型表示底層數據，視圖模型充當兩者之間的中間體，將模型的數據轉換為適合視圖的格式。

用法

要使用 MVVM 實作頁面導航：

• MainWindow.xaml:

  • 使用 ContentControl 託管目前頁面。
  • 將頁面模板載入到與頁面視圖模型對應的鍵的 DataTemplates 中。
  • 將 ContentControl 的 Content 屬性綁定到視圖模型中的 SelectedPage 屬性。

• 頁面模型:

  • 將頁面模型建立為使用者控制項或 DataTemplates。

• 視圖模型:

  • 為每個頁面建立視圖模型，實作 IPage 並公開頁面特定屬性（例如，標題）。

• MainViewModel:

  • 實作 MainViewModel，它管理頁面和導航。
    • 保持頁面名稱及其對應視圖模型的字典。
    • 提供一個指令 (SelectPageCommand) 用來選擇頁面。

• SelectPageCommand:

  • 此指令採用表示所需頁面的參數。
  • 執行時，它會從字典中檢索指定頁面的視圖模型，並將其設為 SelectedPage，這將觸發視圖顯示相應的範本。

實作

<code class="language-xml"><ContentControl Content="{Binding SelectedPage}"></ContentControl></code>

<code class="language-csharp">public ICommand SelectPageCommand => new RelayCommand(SelectPage);

...

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

這種方法提供了一種簡潔靈活的頁面導航方式，可以輕鬆新增或刪除頁面，並減少程式碼重複。

以上是如何使用MVVM模式在WPF中實作頁面導覽？的詳細內容。更多資訊請關注PHP中文網其他相關文章！