WindowsPhone 学习之一导航页面

先上效果图：

1.分别创建三个xaml 文件如下：

Apple.xaml ,pear.xaml 和banana.xaml;

2.界面的配置文件写在MainPage.xaml文件中，如下：

  <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"></StackPanel>
        <HyperlinkButton Content="Show Apple View" Grid.Row="1" Height="30" HorizontalAlignment="Left" Margin="146,41,0,0" Name="hyperlinkButton1" VerticalAlignment="Top" Width="200" NavigateUri="/Apple.xaml" />
        <HyperlinkButton Content="Show Pear View" Grid.Row="1" Height="30" HorizontalAlignment="Left" Margin="146,131,0,0" Name="hyperlinkButton2" VerticalAlignment="Top" Width="200" Click="hyperlinkButton2_Click" NavigateUri="/Pear.xaml"/>
        <HyperlinkButton Content="Show Banana View" Grid.Row="1" Height="30" HorizontalAlignment="Left" Margin="146,237,0,0" Name="hyperlinkButton3" VerticalAlignment="Top" Width="227" Click="hyperlinkButton3_Click" NavigateUri="/Banana.xaml"/>
        <Button Content="Apple Button" Grid.Row="1" Height="72" HorizontalAlignment="Left" Margin="146,304,0,0" Name="apple" VerticalAlignment="Top" Width="227" Click="showView"  />
        <Button Content="Banana Button" Grid.Row="1" Height="72" HorizontalAlignment="Left" Margin="146,383,0,0" Name="banana" VerticalAlignment="Top" Width="227" Click="showView" />
        <Button Content="Pear Button" Grid.Row="1" Height="72" HorizontalAlignment="Left" Margin="146,482,0,0" Name="pear" VerticalAlignment="Top" Width="227" Click="showView" />
        <!--ContentPanel - place additional content here-->
    </Grid>

3.在MainPage.cs文件中添加按钮的处理函数

 private void showView(object sender, RoutedEventArgs e)
        {
            Button btn = sender as Button;
            switch (btn.Name)
            {
                case "apple":
                    {
                        NavigationService.Navigate(new Uri("/Apple.xaml",UriKind.Relative));
                        break;
                    }
                case "banana":
                    {
                        NavigationService.Navigate(new Uri("/Banana.xaml", UriKind.Relative));
                        break;
                    }
                case "pear":
                    {
                        NavigationService.Navigate(new Uri("/Pear.xaml", UriKind.Relative));
                        break;
                    }
            }
        }

这样主界面可以在三个子界面中实现导航了，通过点击返回按钮即可实现导航功能。