Navigation in Silverlight 3

Key Points:

 

1. Make sure that you have already added the assembly System.Windows.Controls.Navigation in you project.

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

3. There are two main items here.

    navigation:Frame  this can hold the pages and controls

    navigation:Page

4. <navigation:Frame x:Name="MainFrame" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Margin="20" UriMapper="{StaticResource uriMapper}"
                           Source="About">
         </navigation:Frame>

 

-- Source it to set the default URI for the frame.

--UriMapper is to set the UriMapper defined in the app.xaml<Application.Resources> <navcore:UriMapper x:Key="uriMapper"> <navcore:UriMapping Uri="Home" MappedUri="/Views/HomePage.xaml" /> <navcore:UriMapping Uri="About" MappedUri="/Views/AboutPage.xaml" /> <navcore:UriMapping Uri="Customers" MappedUri="/Views/CustomersPage.xaml" /> <navcore:UriMapping Uri="Customer/{id}" MappedUri="/Views/CustomerDetail.xaml?id={id}" /> </navcore:UriMapper> </Application.Resources>

 

5. You can use the Navigate method of the Frame to go to where you want to. Before doing this, you should add some HyperlinkButton controls outside the Frame

 

HyperlinkButton btn = sender as HyperlinkButton; string url = btn.Tag.ToString(); MainFrame.Navigate(new Uri(url, UriKind.Relative));

 

6. If you want to Navigate another page when you are inside the page, you could use this.NavigationService.Navigate(new Uri(string.Format("Customer/{0}", id),UriKind.Relative));