WPF多視圖加棱鏡和統一

Question

我必須在WPF C＃中編寫應用程序。我的問題是我不知道如何處理多個視圖。直到知道我知道如何使用Prism通過綁定將ViewModel連接到View，在基本級別。通過重寫OnStartup方法和UnityContainer的使用，我學會了一點Unity以在App.xml.cs中註冊ViewModel到View。

我想知道如何從視圖1導航到視圖2，反之亦然。 我想瀏覽一個按鈕，視圖不同。

你能幫助我嗎？一些建議？

像這樣，退相干！

Answer 1

這是非常容易與棱鏡導航做到這一點，它不需要你在ViewModel上創建依賴關係，或者使用動態DataTemplates引入性能滯後。我建議閱讀有關Prism導航的文檔。

https://github.com/PrismLibrary/Prism/blob/master/Documentation/WPF/60-Navigation.md#view-based-navigation

基本上你使用ReqestNavigate，GoBack的，和GoForward的組合。

酒店還設有一個樣品，你在這裏學習：

https://github.com/PrismLibrary/Prism-Samples-Wpf/tree/master/View-Switching%20Navigation_Desktop

你也應該看這個過程可以引導您瞭解什麼，你都在問：

https://app.pluralsight.com/library/courses/prism-introduction/table-of-contents

Answer 2

我有很久以前寫的一個例子，它不需要任何框架廢話，根據我的經驗，WPF MVVM框架是沒用的大部分，而且往往簡單的事情複雜化所有你需要的是一個ICommand實現和ViewModelBase它實現INotiftyPropertyChanged，這裏是一個簡單的例子：

XML：

<Window.Resources> 
     <DataTemplate DataType="{x:Type local:ViewModel1}"> 
      <local:View1/> 
     </DataTemplate> 
     <DataTemplate DataType="{x:Type local:ViewModel2}"> 
      <local:View2/> 
     </DataTemplate> 
     <DataTemplate DataType="{x:Type local:ViewModel3}"> 
      <local:View3/> 
     </DataTemplate> 
    </Window.Resources> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*"></RowDefinition> 
      <RowDefinition></RowDefinition> 
     </Grid.RowDefinitions> 
     <ContentControl Content="{Binding CurrentViewModel}"> 
     </ContentControl> 

     <StackPanel Orientation="Horizontal" Grid.Row="1" VerticalAlignment="Bottom"> 
      <Button Command="{Binding PrevViewModel}">Previouws View</Button> 
      <Button Command="{Binding NextViewModel}">Next View</Button> 
      <Button Command="{Binding SwitchToViewModel}" CommandParameter="{x:Type local:ViewModel1}">Switch To View1</Button> 
      <Button Command="{Binding SwitchToViewModel}" CommandParameter="{x:Type local:ViewModel2}">Switch To View2</Button> 
      <Button Command="{Binding SwitchToViewModel}" CommandParameter="{x:Type local:ViewModel3}">Switch To View3</Button> 
     </StackPanel> 
    </Grid> 

鑑於上述情況時，有史以來CurrentViewModel屬性更改，視圖將得到一個基於選擇資源，並且窗口的DataContext設置爲MainViewModel。

主視圖模型如下所示：

public class MainViewModel : ViewModelBase 
    { 
     //add instances to all the ViewModels you want to switch between here, and add templates for them in your resources specifying the x:type and the view or data template to be used 
     public ObservableCollection<ViewModelBase> ViewModels { get; set; } = new ObservableCollection<ViewModelBase>(); 

     private ViewModelBase _currentViewModel; 

     public ViewModelBase CurrentViewModel { 
      get { return _currentViewModel; } 
      set { SetField(ref _currentViewModel, value); } 
     } 

     private ICommand _nextViewModel; 
     public ICommand NextViewModel 
     { 
      get 
      { 
       return _nextViewModel = _nextViewModel ?? new RelayCommand(p => 
        { 
         CurrentViewModel = ViewModels[ViewModels.IndexOf(CurrentViewModel) +1]; 
        }, p => 
        { 
         return ViewModels.IndexOf(CurrentViewModel) + 1 != ViewModels.Count && CurrentViewModel != null; 
        }); 
      } 
     } 

     public ICommand _prevViewModel; 
     public ICommand PrevViewModel 
     { 
      get 
      { 
       return _prevViewModel = _prevViewModel ?? new RelayCommand(p => 
       { 
        CurrentViewModel = ViewModels[ViewModels.IndexOf(CurrentViewModel) - 1]; 
       }, p => 
       { 
        return ViewModels.IndexOf(CurrentViewModel) != 0 && CurrentViewModel!=null; 
       }); 
      } 
     } 

     private ICommand _switchToViewModel; 
     public ICommand SwitchToViewModel 
     { 
      get 
      { 
       return _switchToViewModel = _switchToViewModel ?? new RelayCommand(p => 
       { 
        CurrentViewModel = this.ViewModels.FirstOrDefault(vm=>vm.GetType()==p as Type); 
       }, p => 
       { 
        return this.ViewModels.FirstOrDefault(vm => vm.GetType() != p as Type) != null; 
       }); 
      } 
     } 
    } 

結果看起來像