有关Navigation的研究——Silverlight学习笔记[29]

在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

 

	五皇冠 三春牌多功功能 可调四合一暖手宝/暖脚宝 电暖器
	45.0元

作者：Kinglee
文章出处：Kinglee’s Blog ( http://www.cnblogs.com/Kinglee/)
版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。

转载于:https://www.cnblogs.com/Kinglee/archive/2009/09/15/1567367.html