MVVM 예제 - Multiple Views

https://www.youtube.com/watch?v=xUwk2-_tRzo

View 폴더 - 사용자정의컨트롤로 FirstView, SecondView, ThirdView를 생성

<Window x:Class="MVVM_MultipleView.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MVVM_MultipleView" 
        xmlns:viewmodels="clr-namespace:MVVM_MultipleView.ViewModel"
        xmlns:views="clr-namespace:MVVM_MultipleView.View"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
-------------------------------------------------------------------------------------------------
    <Window.Resources>
        <DataTemplate x:Name="firstViewTemplate" DataType="{x:Type viewmodels:FirstViewModel}">
            <views:FirstView DataContext="{Binding}"/>
        </DataTemplate>
        <DataTemplate x:Name="secondViewTemplate" DataType="{x:Type viewmodels:SecondViewModel}">
            <views:SecondView DataContext="{Binding}"/>
        </DataTemplate>
        <DataTemplate x:Name="thirdViewTemplate" DataType="{x:Type viewmodels:ThirdViewModel}">
            <views:ThirdView DataContext="{Binding}"/>
        </DataTemplate>
    </Window.Resources>
-------------------------------------------------------------------------------------------------

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <DockPanel Background="Gray" Grid.Row="0" Grid.Column="0" Grid.RowSpan="5">
            <StackPanel>
                <Button Content="First" Click="FirstView_Clicked"></Button>
                <Button Content="Second" Click="SecondView_Clicked"></Button>
                <Button Content="Third" Click="ThirdView_Clicked"></Button>
            </StackPanel>
        </DockPanel>
 
        <ContentControl Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="4" Grid.RowSpan="5" 
                        Content="{Binding }"></ContentControl>
    </Grid>
</Window>
 

using MVVM_MultipleView.ViewModel;
namespace MVVM_MultipleView
{
    /// <summary>
    /// MainWindow.xaml에 대한 상호 작용 논리
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
 
        private void FirstView_Clicked(object sender, RoutedEventArgs e)
        {
            DataContext = new FirstViewModel();
 
        }
 
        private void SecondView_Clicked(object sender, RoutedEventArgs e)
        {
            DataContext = new SecondViewModel();
        }
 
        private void ThirdView_Clicked(object sender, RoutedEventArgs e)
        {
            DataContext = new ThirdViewModel();
        }
    }
}