Navigation Application

"새 프로젝트"추가로 아래 그림과 같이 프로젝트를 하나 만든다.

아래그림과 같이 '솔루션 탐색기'에서 "Views"폴더에 '새 항목 추가'로 "Board.xaml"파일을 추가하고 "Board.xaml"와 "MainPage.xaml"를 아래와 같이 코딩한다.

[Board.xaml]

<navigation:Page x:Class="RiaNavigationApplicattion.Views.Board"

           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"

           mc:Ignorable="d"

           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

           d:DesignWidth="640" d:DesignHeight="480"

           Title="게시판">

    <Grid x:Name="LayoutRoot">

        <ScrollViewer x:Name="PageScrollViewer" Style="{StaticResource PageScrollViewerStyle}">

 

            <StackPanel x:Name="ContentStackPanel">

 

                <TextBlock x:Name="HeaderText" Style="{StaticResource HeaderTextStyle}"

                           Text="게시판"/>

                <TextBlock x:Name="ContentText" Style="{StaticResource ContentTextStyle}"

                           Text="게시판의 내용이 들어오는 곳..."/>

 

            </StackPanel>

 

        </ScrollViewer>

    </Grid>

</navigation:Page>

 

 

[MainPage.xaml]

<UserControl

    x:Class="RiaNavigationApplicattion.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

    xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

 

    <Grid x:Name="LayoutRoot" Style="{StaticResource LayoutRootGridStyle}">

 

        <Border x:Name="ContentBorder" Style="{StaticResource ContentBorderStyle}">

 

            <navigation:Frame x:Name="ContentFrame" Style="{StaticResource ContentFrameStyle}"

                              Source="/Home" Navigated="ContentFrame_Navigated" NavigationFailed="ContentFrame_NavigationFailed">

                <navigation:Frame.UriMapper>

                  <uriMapper:UriMapper>

                    <uriMapper:UriMapping Uri="" MappedUri="/Views/Home.xaml"/>

                    <uriMapper:UriMapping Uri="/{pageName}" MappedUri="/Views/{pageName}.xaml"/>

                  </uriMapper:UriMapper>

                </navigation:Frame.UriMapper>

            </navigation:Frame>

        </Border>

 

        <Grid x:Name="NavigationGrid" Style="{StaticResource NavigationGridStyle}">

 

            <Border x:Name="BrandingBorder" Style="{StaticResource BrandingBorderStyle}">

                <StackPanel x:Name="BrandingStackPanel" Style="{StaticResource BrandingStackPanelStyle}">

 

                    <ContentControl Style="{StaticResource LogoIcon}"/>

                    <TextBlock x:Name="ApplicationNameTextBlock" Style="{StaticResource ApplicationNameStyle}"

                               Text="Application Name"/>

 

                </StackPanel>

            </Border>

 

            <Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}">

                <StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}">

 

                    <HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}"

                                     NavigateUri="/Home" TargetName="ContentFrame" Content="home"/>

                                                                                                                                                                

                    <Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/>

                                                                                       

                    <HyperlinkButton x:Name="Link2" Style="{StaticResource LinkStyle}"

                                     NavigateUri="/About" TargetName="ContentFrame" Content="about"/>

 

                    <Rectangle x:Name="Divider2" Style="{StaticResource DividerStyle}"/>

 

                    <HyperlinkButton x:Name="lnkBoard" Style="{StaticResource LinkStyle}"

                        NavigateUri="/Board" TargetName="ContentFrame" Content="게시판" />

 

                </StackPanel>

            </Border>

 

        </Grid>

 

    </Grid>

 

</UserControl>

 

.

[실행결과]