有关Navigation的研究——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