1 <Page
 2   x:Class="MetroGrocer.Pages.NoItemSelected"
 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控件-->
10   <Grid Background="{StaticResource AppBackgroundColor}" Margin="10">
11     <TextBlock Style="{StaticResource HeaderTextStyle}"
12           FontSize="30" Text="No Item Select </Grid>
13 </Page>

1 <!--垂直方式显示 Frame添加页面-->
2 <StackPanel Orientation="Vertical" Grid.Column="1">
3   <TextBlock Style="{StaticResource HeaderTextStyle}" Margin="10"
4         Text="Item Detail"/>
5   <Frame x:Name="ItemDetailFrame"/>
6 </StackPanel>

 1 using MetroGrocer.Data;
 2 using Windows.UI.Xaml.Controls;
 3 using Windows.UI.Xaml.Navigation;
 4 namespace MetroGrocer.Pages {
 5   public sealed partial class ListPage : Page {
 6     ViewModel viewModel;
 7     public ListPage() {
 8       viewModel = new ViewModel();
 9       // … test data removed for brevity
10       this.InitializeComponent();
11       this.DataContext = viewModel;
12      //导航到那个页面
13 ItemDetailFrame.Navigate(typeof(NoItemSelected));
14     }
15     protected override void OnNavigatedTo(NavigationEventArgs e) {
16     }
17     //选择的事件  是当前选择的页面
18     private void ListSelectionChanged(object sender, SelectionChangedEventArgs e) {
19       viewModel.SelectedItemIndex = groceryList.SelectedIndex;
20    }
21   }
22 }