Silverlight [Frame]控件实现页面转向

Silverlight [Frame]控件

 

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>