如何在 WPF MVVM 應用程式中的視圖之間導航？

WPF MVVM 應用程式中的視圖導覽

在 WPF MVVM 應用程式中，視圖導覽涉及將 ContentControl 的 DataContext 設定為對應的 ViewModel。透過將 ContentControl 綁定到父 ViewModel 的 ViewModel 屬性，您可以輕鬆地在該 ViewModel 中切換視圖。

建立基底類別 ViewModel

為您的 ViewModel 定義一個基類，例如 BaseViewModel，其中包含公共屬性和接口，例如 INotifyPropertyChanged。此基底類別將為所有 ViewModel 提供一個公共結構。

在 App.xaml 中建立資料綁定

在 App.xaml 檔案中，指定將視圖連接到其對應 ViewModel 的 DataTemplate。例如：

<code class="language-xml"><DataTemplate DataType="{x:Type ViewModels:MainViewModel}">
    <MainView/>
</DataTemplate></code>

在 MainViewModel 中設定 ViewModel

在 MainViewModel 中，建立一個 ViewModel 屬性，該屬性可以設定為不同的 ViewModel：

<code class="language-csharp">public BaseViewModel ViewModel { get; set; }</code>

顯示視圖

在您的 MainWindow.xaml 中，使用 ContentControl 來顯示目前 ViewModel：

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

從子視圖導航

要從子視圖導覽到另一個視圖，請將子視圖中的綁定新增至 MainViewModel 中的命令。例如：

<code class="language-xml"><!--  省略子视图中的绑定示例，因为原文未提供 --></code>

在 MainViewModel 中定義指令

在 MainViewModel 中，定義一個指令，該指令將 ViewModel 屬性設定為所需的 ViewModel：

<code class="language-csharp">public ICommand DisplayPersonView => new ActionCommand(
    () => ViewModel = new PersonViewModel(),
    () => !IsViewModelOfType<PersonViewModel>()
);</code>

透過執行這些步驟，您可以無縫地在 WPF MVVM 應用程式中導覽視圖。這種方法提供了一種靈活且易於維護的方式來實現應用程式任何部分的視圖轉換。

以上是如何在 WPF MVVM 應用程式中的視圖之間導航？的詳細內容。更多資訊請關注PHP中文網其他相關文章！