WPF 테크닉 - Page 전환
# Main 화면에 표시되는 영역의 정보를 페이지 단위로 변경
> 1개 Category ROI 안에 N개 Category Page 로 구성
> Page1, Page2, Page3, ...
# Main 화면에서 각 페이지를 선택하여 화면에 표시
> xaml 파일에 3개의 버튼을 생성하고 각 버튼에 Event 를 설정한다.
# 소스 코드 ( MainWindow.xaml )
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="5*"/>
</Grid.RowDefinitions>
<Button Content="Button1" HorizontalAlignment="Left" Height="53" Margin="20,10,0,0" VerticalAlignment="Top" Width="80" Click="Button_Click_1"/>
<Button Content="Button2" HorizontalAlignment="Left" Height="53" Margin="105,10,0,0" VerticalAlignment="Top" Width="82" Click="Button_Click_2"/>
<Button Content="Button3" HorizontalAlignment="Left" Height="53" Margin="192,10,0,0" VerticalAlignment="Top" Width="84" Click="Button_Click_3"/>
<Frame Name="PageHome" Grid.Row="1" Grid.Column="0" Source="NaviPage\Page1.xaml" NavigationUIVisibility="Hidden"/>
</Grid>
# 소스 코드 ( MainWindow.xaml.cs )
private void Button_Click_1(object sender, RoutedEventArgs e)
{
PageHome.Source = new Uri("NaviPage\\Page1.xaml", UriKind.Relative);
}
private void Button_Click_2(object sender, RoutedEventArgs e)
{
PageHome.Source = new Uri("NaviPage\\Page2.xaml", UriKind.Relative);
}
private void Button_Click_3(object sender, RoutedEventArgs e)
{
PageHome.Source = new Uri("NaviPage\\Page3.xaml", UriKind.Relative);
}