1. Add Navigation assembly in the application and import the namespace for the assembly.

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

2. In this sample,you have to create 4 pages,Page1.xaml,Page2.xaml,Page3.xaml,Page4.xaml under the folder Views.

2. defiine the xaml code

<UserControl x:xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:navigation="clr-namespace:Sy<a href="https://www.jb51.cc/tag/stem/" target="_blank">stem</a>.Windows.Controls;assembly=Sy<a href="https://www.jb51.cc/tag/stem/" target="_blank">stem</a>.Windows.Controls.Navigation" mc:Ig<a href="https://www.jb51.cc/tag/nor/" target="_blank">nor</a>able="d" d:DesignWidth="640" d:DesignHeight="480"> <Grid x:Name="LayoutRoot" Background="Black"> <Grid.RowDe<a href="https://www.jb51.cc/tag/Finitio/" target="_blank">Finitio</a>ns> <RowDe<a href="https://www.jb51.cc/tag/Finitio/" target="_blank">Finitio</a>n Height="50" /> <RowDe<a href="https://www.jb51.cc/tag/Finitio/" target="_blank">Finitio</a>n Height="*" /> </Grid.RowDe<a href="https://www.jb51.cc/tag/Finitio/" target="_blank">Finitio</a>ns> <StackPanel Orientation="Horizontal" Background="Gray" Grid.Row="0" Grid.Column="0"> <HyperlinkButton Content="Page1" Tag="/Views/Page1.xaml" Background="White" Width="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="HyperlinkButton_Click" /> <HyperlinkButton Content="Page2" Tag="/Views/Page2.xaml" Background="White" Width="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="HyperlinkButton_Click" /> <HyperlinkButton Content="Page3" Tag="/Views/Page3.xaml" Background="White" Width="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="HyperlinkButton_Click" /> <HyperlinkButton Content="Page4" Tag="/Views/Page4.xaml" Background="White" Width="100" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Click="HyperlinkButton_Click" /> </StackPanel> <StackPanel Grid.Row="1" Grid.Column="0" Background="Wheat"> <StackPanel.Projection> <PlaneProjection x:Name="mainPanelProjection" /> </StackPanel.Projection> <StackPanel.Resources> <Storyboard x:Name="FlipStart"> <DoubleAnimation From="0" To="90" Duration="00:00:1" Completed="Flip1Half_Completed" Storyboard.TargetName="mainPanelProjection" Storyboard.TargetProperty="RotationY"> </DoubleAnimation> </Storyboard> <Storyboard x:Name="FlipEnd"> <DoubleAnimation From="270" To="360" Duration="00:00:1" Storyboard.TargetName="mainPanelProjection" Storyboard.TargetProperty="RotationY"> <DoubleAnimation.EasingFunction> <BackEase EasingMode="Ea<a href="https://www.jb51.cc/tag/SEO/" title="SEO">SEO</a>ut" /> </DoubleAnimation.EasingFunction> </DoubleAnimation> </Storyboard> </StackPanel.Resources> <navigation:Frame x:Name="MainFrame" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="20" Source="/Views/Page1.xaml" /> </StackPanel> </Grid> </UserControl>

3. write the code behind

public partial class MainPage : UserControl { HyperlinkButton menuClicked = null; public MainPage() { InitializeComponent(); } private void HyperlinkButton_Click(object sender,RoutedEventArgs e) { menuClicked = sender as HyperlinkButton; if (MainFrame<a href="https://www.jb51.cc/tag/so/" target="_blank">.so</a>urce.ToString() != menuClicked.Tag.ToString()) FlipStart.Begin(); } void Flip1Half_Completed(object sender,EventArgs e) { if (menuClicked != null) MainFrame.Navigate(new Uri(menuClicked.Tag.ToString(),UriKind.Relative)); FlipEnd.Begin(); } }

Silverlight导航框架

MSDN:http://msdn.microsoft.com/zh-cn/ff432717.aspx

视频&代码：http://www.silverlight.net/learn/videos/silverlight-videos/navigation-framework/

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));

使用NavigationService时，发现在Navigating过程中UI Thread 被blocked住了，即使通过CompositionTarget.Rendering Event处理函数更新UI也没有效果。因为Silverlight (至少目前的4.0版本）还没有独立的Render Thread.

这个问题使得BusyIndicator在navigating中几乎派不上用场。。。例如