我们这节有两个议题①创建另外的视图②测试导航程序
（1）创建另外的视图
现在，我需要的做的事情就是添加另一个页面来完善这个程序。这个页面名字叫做DetailPage，他的源代码如图所示：
1 <Page 2 x:Class="MetroGrocer.Pages.DetailPage" 3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 5 xmlns:local="using:MetroGrocer.Pages" 6 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 7 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 8 mc:Ignorable="d"> 9 <!--Grid 布局控件 背景颜色是ApplicationPageBackgroundBrush定义的--> 10 <Grid Background="{StaticResource ApplicationPageBackgroundBrush}"> 11 <!--stackpanel布局控件 垂直对齐居中 水平对齐居中--> 12 <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center"> 13 <!--textblock 文本框控件 绑定的样式HeaderTextStyle--> 14 <TextBlock Style="{StaticResource HeaderTextStyle}" Text="Detail View"/> 15 </StackPanel> 16 </Grid> 17 </Page>
至于他完成什么动作，并不完成什么动作，他的存在只不过处理如何导航
（2）测试导航
万事俱备只欠东风，下列我们所做的就是测试页面之间如何导航，下图展示了程序运行的最终结果，你会看到了底部的appBar和头部的NavBar。
appBar的控件能够很好不错的继承与这个导航的控件确实不错，当然了，你也可以继承了单个的appBar控件，但你要想好这些移去或者添加按钮是所需要了。
哝——相应的导航，操作控件就完全集成于项目中了。