화면 간 전환 WPF

Question

저는 WPF를 처음 사용하기 때문에 MVVM Light Toolkit을 사용하는 WPF 응용 프로그램에서 여러 화면을 탐색 할 때 모범 사례로 추천합니다. WPF에 익숙치 않아 올바른 용어가 "보기 전환", "페이지 탐색", "창 변경"또는 다른 것과 관련이 있는지 확실하지 않아서 내 용어가 틀린 경우 실례합니다. WPF는 인정 될 것이다).

내가 원하는 작업을 명확히하기 : 사용자가 앞뒤로 이동할 수 있어야하는 3 개의 전체 화면 페이지 /보기가있는 응용 프로그램이 있습니다. 이러한 뷰는 절대로 동시에 표시되지 않으므로 탭 컨트롤의 탭과 가장 쉽게 비교할 수 있습니다. 단 탭 컨트롤은 일반적으로 제공되는 탭 스트립을 원하지 않습니다. 대신 페이지/뷰를 프로그래밍 방식으로 전환하고 싶습니다.

나는 흐름 답변을 통해 다음과 같은 스택에, 몇 가지 다른 접근을 본 적이

:

1. https://stackoverflow.com/a/6114865/1081879
2. How to navigate through windows with MVVM Light for WPF?

을 그래서 정말 난 그냥 궁금 위의 어느 방법에 내가 가야 할 방향이야? 저는 이미 실제로 첫 번째 대답을 구현했습니다. 그러나 이것이 데이터 템플릿의 "남용"/ "해킹"인지 또는 프레임 워크의 사용 방법인지 확실하지 않습니다.

마지막으로 MVVM Light은 다른 툴킷이이 기능을 기본적으로 제공하는 경우 사용할 수있는 가장 적합한 툴킷이 아닙니다. 누구든지이 개념에 비추어 볼 수 있고, 아마도 더 적합한 툴킷을 추천 할 수 있습니까?

는 우리의 견해의 계층 적 설명을 만들 수 있습니다 :

감사합니다, 탐색의

Answer 1

내가 실제로 질문 한 내용은 위에 나열된 두 가지 접근법 중 하나가 실제로 일반적으로 사용되고 견고한 접근법 중 하나를 나타내는 참조였습니다.

드디어이에 발견 한 :보기 모델의 데이터 템플릿을 사용하는 첫 번째 방법을 호출 http://msdn.microsoft.com/en-us/library/gg405484%28v=PandP.40%29.aspx

.

Answer 2

신속하고 더러운 예 (이 뭔가 맞춤법이 틀린 경우 VS에서 수정 프로그램을 적용하십시오, 그래서 여기되지 작성되었습니다) :

public abstract Class ViewModelBase : INotifyPropertyChanged{} 
    public abstract Class ViewModelNavigationBase : ViewModelBase {} 
    public Class ViewModel1 : ViewModelNavigationBase {} 
    public Class ViewModel2 : ViewModelNavigationBase {} 
    public Class ViewModel3 : ViewModelNavigationBase {} 

    public Class MainViewModel : ViewModelBase 
    { 
     private ViewModelNavigationBase currentViewModel; 
     public ViewModelNavigationBase CurrentViewModel 
     { 
     get{return currentViewModel;} 
     set 
     { 
      currentViewModel = value; 
      OnPropertyChanged("CurrentViewModel");     
     } 
     }   

     private const int numberOfPages = 3 ; 
     private int index; 
     private ViewModelNavigationBase[numberOfPages] pages; 
     .... 
     ... OnNavigateCommand() 
     { 
      index++; 
      index = index % numberOfPages; 
      CurrentViewModel = pages[index]; 
     } 

} 

자원 :

 <local:MainViewModel x:Key="MainVm" /> 

    <DataTemplate TargetType={x:Type local:ViewModel1}> 
     <local:View1 /> 
    </DataTemplate> 

    <DataTemplate TargetType={x:Type local:ViewModel2}> 
     <local:View2 /> 
    </DataTemplate> 

    <DataTemplate TargetType={x:Type local:ViewModel3}> 
     <local:View3 /> 
    </DataTemplate> 

X aml :

<Window x:Name="MainWindow" 
     DataContext={StaticResource MainVm}> 
     <StackPanel> 
      <ContentControl Content={Binding CurrentViewModel} /> 
      <Button Content="Navigate" Command="{Binding NavigateCommand}"/> 
     </StackPanel>  
</Window>