有关Navigation的研究——Silverlight学习笔记[29]
在Silverlight的程序设计中经常需要在多个XAML页面之间进行切换，以进行不同的功能操作。Silverlight为我们提供了一组控件以实现这一功能。本文将为大家介绍如何在Silverlight中实现页面导航功能。
在Silverlight的程序设计中经常需要在多个XAML页面之间进行切换，以进行不同的功能操作。Silverlight为我们提供了一组控件以实现这一功能。本文将为大家介绍如何在Silverlight中实现页面导航功能。
与导航有关的控件
1）Frame
该组件的主要作用是承载Silverlight的XAML页面。
组件所在命名空间：
System.Windows.Controls
组件常用方法：
GoBack：返回前一个浏览页面，抑或是抛出无前一浏览页面异常。
GoForward：返回后一个浏览页面，抑或是抛出无后一浏览页面异常。
Navigate：导航至由URI具体指定的内容。
StopLoading：停止还未被处理的异步页面加载。
组件常用属性：
CanGoBack：获取一个值用以判定是否能导航至前一个页面。
CanGoForward：获取一个值用以判定是否能导航至后一个页面。
CurrentSource：获取目前显示内容的URI。
JournalOwnership：获取或设置一个Frame组件是否负责管理它自己的导航历史，抑或是与Web Browser的导航相集成。
Source：获取或设置目前内容的URI或者是正在被导航到的内容的URI。
UriMapper：为Frame组件获取或设置一个对象来将一个URI转至另一个URI。
组件常用事件：
FragmentNavigation：当内容段落导航开始时发生。
Navigated：当页面内容已导航完毕且可得时发生。
Navigating：当一个新的导航在被请求时发生。
NavigationFailed：当被请求导航内容发生错误时发生。
NavigationStopped：当一个导航因为调用StopLoading方法而终止，或在当前导航正在进行中，一个新的导航被请求时发生。
2）HyperlinkButton
显示超链接的按钮
组件所在命名空间：
System.Windows.Controls
组件常用属性：
NavigateUri：获取或设置导航的URI，当该组件被点击时。
TargetName：获取或设置页面能被打开的目标窗口或Frame，或者是Silverlight应用程序中需要导航至的对象。
实例：
说明：首先，在StackPanel组件中添加HyperlinkButton作为导航栏。其次，设定作为目标框架的Frame组件。在Silverlight项目文件夹中添加2个Silverlight Page文件。
详细的说明在代码中给出。
MainPage.xaml文件代码：
<UserControl
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"
mc:Ignorable="d" xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" x:Class="SilverlightClient.MainPage"
d:DesignWidth="320" d:DesignHeight="240">
<Grid x:Name="LayoutRoot" Width="320" Height="240" Background="White">
<StackPanel>
<!--导航栏-->
<StackPanel Orientation="Horizontal" Background="WhiteSmoke">
<HyperlinkButton Content="页面1" FontSize="14" NavigateUri="/Page1.xaml" TargetName="tgFrame"/>
<HyperlinkButton Content="页面2" FontSize="14" NavigateUri="/Page2.xaml" TargetName="tgFrame"/>
</StackPanel>
<!--承载页面的Frame-->
<navigation:Frame x:Name="tgFrame" FontSize="14" Source="/Page1.xaml" Margin="2" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch"/>
</StackPanel>
</Grid>
</UserControl>
Page1.xaml文件代码：
<navigation:Page x:Class="SilverlightClient.Page1"
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"
mc:Ignorable="d"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
d:DesignWidth="640" d:DesignHeight="480"
Title="Page1 Page">
<Grid x:Name="LayoutRoot">
<TextBlock Text="这里是页面1的内容！"/>
</Grid>
</navigation:Page>
Page2.xaml文件代码：
<navigation:Page x:Class="SilverlightClient.Page2"
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"
mc:Ignorable="d"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
d:DesignWidth="640" d:DesignHeight="480"
Title="Page2 Page">
<Grid x:Name="LayoutRoot">
<TextBlock Text="这里是页面2的内容！"/>
</Grid>
</navigation:Page>
最终效果图：
图一：页面1
图二：页面2
文章出处：Kinglee’s Blog (http://www.cnblogs.com/Kinglee/)
版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。
