Using the NavigationService Object in SL4.0

1 Begin by opening the project NavAppFromScratch you just completed in previous session.

2. open the xmal file for View1.xaml and modify the source to include a button under the TextBlock.

<Grid x:Name="LayoutRoot">

　　<StackPanel>

　　　　<TextBlock Text = "View 1" FontSize="60" Foreground="Green" HorizontalAlignment = "Center" VerticalAlignment="Center" />

　　　　<Button Click="Button_Click" Padding="10" Content="Navigate to Inner View" HorizontalAlignment="Center" />

　　</StackPanel>

</Grid>

3. You now need to add the new view that you will navigate to use the NavigationService. Right Click on the SL project and choose Add->New item. Select SL Page as the template and name the file InnerView1.xmal.

4. In the XAL for InnerView1.xmal, add a simple TextBlock.

<Grid x:Name="LayoutRoot">

　　<TextBlock Text="InnerView 1" FontSize="40" Foreground="Blue" HorizontalAlignment="Center" VerticalAlignment="Center" />

</Grid>

5. Next, add the Button_Click event handler in the View1.xmal code behid and add the following code:

private void Button_Click(Object sender, RoutedEventArgs e)

{

　　NavigationService.Navigate(new Uri ("/InnerView1.xaml", UriKind.Relative));

}

6. Press F5 to run the application.