[C#] WPF 탐색을위한 Window vs Page vs UserControl?

창 새로운 자사의 : 오브젝트는 같은 소리 것입니다 Window응용 프로그램에 대한. 완전히 새로운 윈도우를 팝업하고 싶을 때 사용해야합니다. Window사용자 작업에 따라 변경되는 동적 내용을 기본 창에 배치하는 것을 선호하기 때문에 WPF에서 둘 이상을 자주 사용하지 않습니다 .

페이지는 당신의 창 내부 페이지입니다. XBAP와 같은 웹 기반 시스템에 주로 사용되며, 단일 브라우저 창이 있고 해당 창에서 다른 페이지를 호스팅 할 수 있습니다. 또한 sellmeadog 과 같은 내비게이션 애플리케이션 에서도 사용할 수 있다고 말했다 .

UserControl을은 당신이 당신의 UI로 다른 컨트롤을 추가하는 것과 같은 방법을 추가 할 수있는 재사용 가능한 사용자가 생성 한 컨트롤입니다. 일반적으로 UserControl일부 사용자 지정 기능 (예 :)으로 빌드하려는 경우 CalendarControl또는 ViewMVVM 디자인 패턴을 사용할 때 와 같은 관련 XAML 코드가 많은 경우을 만듭니다.

창 사이를 탐색 할 때 간단히 새 Window객체 를 만들어 표시 할 수 있습니다.

var NewWindow = new MyWindow();
newWindow.Show();

그러나이 답변의 시작 부분에서 말했듯이 가능한 경우 여러 창을 관리하지 않는 것이 좋습니다.

내가 선호하는 탐색 방법은을 사용하여 일부 동적 컨텐츠 영역을 작성 하고 현재보기가 포함 된 것을 포함 ContentControl하여 채우는 것 UserControl입니다.

<Window x:Class="MyNamespace.MainWindow" ...>
    <DockPanel>
        <ContentControl x:Name="ContentArea" />
    </DockPanel>
</Window>

탐색 이벤트에서 다음을 사용하여 간단히 설정할 수 있습니다.

ContentArea.Content = new MyUserControl();

그러나 WPF로 작업하는 경우 MVVM 디자인 패턴을 적극 권장합니다. 내 블로그 에는이 패턴을 사용하여 MVVM을 사용하여 탐색하는 방법을 보여주는 매우 기본적인 예가 있습니다.

<Window x:Class="SimpleMVVMExample.ApplicationView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:SimpleMVVMExample"
        Title="Simple MVVM Example" Height="350" Width="525">

   <Window.Resources>
      <DataTemplate DataType="{x:Type local:HomeViewModel}">
         <local:HomeView /> <!-- This is a UserControl -->
      </DataTemplate>
      <DataTemplate DataType="{x:Type local:ProductsViewModel}">
         <local:ProductsView /> <!-- This is a UserControl -->
      </DataTemplate>
   </Window.Resources>

   <DockPanel>
      <!-- Navigation Buttons -->
      <Border DockPanel.Dock="Left" BorderBrush="Black"
                                    BorderThickness="0,0,1,0">
         <ItemsControl ItemsSource="{Binding PageViewModels}">
            <ItemsControl.ItemTemplate>
               <DataTemplate>
                  <Button Content="{Binding Name}"
                          Command="{Binding DataContext.ChangePageCommand,
                             RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
                          CommandParameter="{Binding }"
                          Margin="2,5"/>
               </DataTemplate>
            </ItemsControl.ItemTemplate>
         </ItemsControl>
      </Border>

      <!-- Content Area -->
      <ContentControl Content="{Binding CurrentPageViewModel}" />
   </DockPanel>
</Window>

답변

    <Frame Name="mainWinFrame" NavigationUIVisibility="Hidden"  ButtonBase.Click="mainWinFrame_Click">
    </Frame>

     private void mainWinFrame_Click(object sender, RoutedEventArgs e)
    {
        try
        {
            if (e.OriginalSource is Button)
            {
                Button btn = (Button)e.OriginalSource;

                if ((btn.CommandParameter != null) && (btn.CommandParameter.Equals("Order")))
                {

                    mainWinFrame.Navigate(OrderPage);
                }
            }
        }
        catch (Exception ex)
        {
            MessageBox.Show(ex.Message, "Error");
        }
    }