这里所说的导航其实就是在Silverlight的页面之间前进后退以及跳转。通过Frame控件配合后台NavigationService类可以很容易的做到页面之间的导航。

这就是工具箱中的Frame控件了,就把它当作一个控件用就行了,将其拖放到设计视图中,大小任意。如果想将整个应用程序的显示空间全部用于Frame内容的显示,那就铺满整个区域。如果只是想一部分作为显示跳转,那么可以将其大小位置根据需要进行设置。比如可以在Frame外面加上一些前进后退主页地址之类的,模仿浏览器的功能。

这里就将整体页面分为两个部分,顶部是一个小导航栏,剩下的部分全部由Frame控件占满。

对于Frame导航来说,一般需要使用Page,这样才可以在Page上与NavigationService进行交互,达到可以在Page内控制导航的功能。

为了演示,这里就新建了三个页面:Page1.xaml、Page2.xaml、Page3.xaml。

Frame所在页面的XAML代码如下:

<Grid x:Name="LayoutRoot">
<navigation:Frame x:Name="frame_main" Source="/Page1.xaml" Margin="0,37,0,0" Navigated="frame_main_Navigated" BorderBrush="Black" BorderThickness="0,2,0,0" />
<Button x:Name="btn_goBack" Content="后退" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="75" Click="btn_goBack_Click"/>
<Button x:Name="btn_goForward" Content="前进" HorizontalAlignment="Left" Margin="90,10,0,0" VerticalAlignment="Top" Width="75" Click="btn_goForward_Click"/>
<TextBox x:Name="tb_address" HorizontalAlignment="Left" Height="23" Margin="170,9,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="380"/>
<Button x:Name="btn_go" Content="跳转" HorizontalAlignment="Left" Margin="555,10,0,0" VerticalAlignment="Top" Width="75" Click="btn_go_Click"/>
</Grid>

设置Frame控件的Source属性来设置其初始显示的页面,这里就是Page1了。如果页面在项目中的子文件夹下,则写相应路径即可。

为了演示不同路径下的显示,这里就将Page2和Page3放到SubPages文件夹中。

那么在导航的时候,Page2的相对地址就是:/SubPages/Page2.xaml

一、在Frame所在页,通过调用Frame控件上的方法,可以对其内容进行导航控制。

比如跳转按钮,btn_go_Click方法内容如下:

frame_main.Navigate(new Uri(tb_address.Text, UriKind.RelativeOrAbsolute));

通过获取输入的地址,调用Frame控件的Navigate方法,传入Uri对象进行跳转。

比如前进/后退按钮,btn_goForward_Click、btn_goBack_Click方法内容如下:

private void btn_goForward_Click(object sender, RoutedEventArgs e)
{
if (frame_main.CanGoForward)
{
frame_main.GoForward();
}
}
private void btn_goBack_Click(object sender, RoutedEventArgs e)
{
if (frame_main.CanGoBack)
{
frame_main.GoBack();
}
}

通过判断CanGoForward和CanGoBack来判断框架内页面是否可以前进后退(就是有历史记录大概意思,不然刚打开也没地方后退,也没地方前进),然后调用Frame控件的GoForward、GoBack方法来达到前进后退的效果。

地址栏中的地址在Frame控件的Navigated时间中更新:

private void frame_main_Navigated(object sender, NavigationEventArgs e)
{
tb_address.Text = frame_main.Source.ToString();
}

通过Frame控件的Source属性得到当前框架内显示页的地址。

 

二、Frame控件内部显示页对框架的导航操作

其实这跟上面的操作方法基本一致,只是在内部页面不能获取也不需要获取Frame控件,而是直接使用NavigationService来进行框架导航的操作。

比如跳转到Page2则变成:

NavigationService.Navigate(new Uri("/SubPages/Page2.xaml", UriKind.Relative));

前进/后退同样是在NavigationService上调用:

if (NavigationService.CanGoForward)
{
NavigationService.GoForward();
}
if (NavigationService.CanGoBack)
{
    NavigationService.GoBack();
}

同样可以通过Source属性获取当前框架显示内容的URI地址。

NavigationService.Source;

注:NavigationService只能在继承了Page类的页面类中使用,所以在其他比如用户控件UserControl是调用不到的。

使用Frame控件设计Silverlight的导航的更多相关文章

  1. MVVMLight 实现指定Frame控件的导航

    原文:MVVMLight 实现指定Frame控件的导航 在UWP开发中,利用汉堡菜单实现导航是常见的方法.汉堡菜单导航一般都需要新建一个Frame控件,并对其进行导航,但是在MvvmLight框架默认 ...

  2. 基于WPF系统框架设计(10)-分页控件设计

    背景 最近要求项目组成员开发一个通用的分页组件,要求是这个组件简单易用,通用性,兼容现有框架MVVM模式,可是最后给我提交的成果勉强能够用,却欠少灵活性和框架兼容性. 设计的基本思想 传入数据源,总页 ...

  3. wpf控件设计时支持(3)

    原文:wpf控件设计时支持(3) wpf设计时调试 编辑模型 装饰器 1.wpf设计时调试 为了更好的了解wpf设计时框架,那么调试则非常重要,通过以下配置可以调试控件的设计时代码 (1)将启动项目配 ...

  4. wpf控件设计时支持(1)

    原文:wpf控件设计时支持(1) 这部分内容几乎是大家忽略的内容,我想还是来介绍一下. 本篇源码下载 1.属性元数据 在vs IDE中,在asp.net,winfrom等开发环境下,右侧的Proper ...

  5. wpf控件设计时支持(2)

    原文:wpf控件设计时支持(2) 这篇介绍在wpf设计时集合项属性添加项的定义和自定义控件右键菜单的方法 集合项属性设计时支持 1.为集合属性设计器识别具体项类型 wpf设计器允许定义集合项的类型,如 ...

  6. .Net语言 APP开发平台——Smobiler学习日志:用Gridview控件设计较复杂的表单

    最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的”Smobil ...

  7. Winform开发常用控件之TreeView菜单导航和权限用法

    TreeView一个很棒的控件,我们在做WEB开发时常常犯困的一个东东.当然这里介绍winform里面的用法唠. 先介绍几个属性吧,CheckBoxes设置为true的话树形节点前面会出现checkb ...

  8. 基于Extjs的web表单设计器 第二节——表单控件设计

    这一节介绍表单设计器的常用控件的设计. 在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件.常用控件.这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计器的基 ...

  9. 【React Native开发】React Native控件之DrawerLayoutAndroid抽屉导航切换组件解说(13)

    ),请不要反复加群! 欢迎各位大牛,React Native技术爱好者增加交流!同一时候博客左側欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该DrawerLayoutAndroid组件封 ...

随机推荐

  1. [Javascript] Function Expression Ex, Changing Declarations to Expressions

    Inside the Haunted Hickory House file, developers for the Forest of Function Expressions Theme Park ...

  2. Tomcat7出现HTTP Status 500 - java.lang.ClassCastException: org.apache.jasper.el.ELContextImpl cannot be cast to org.apache.jasper.el.ELContextImpl的解决

    今天在Tomcat7上发布了一个war,过一阵子发现localhost:8080都进不去了.在浏览器输入http://localhost:8080出现如下内容: HTTP Status 500 - j ...

  3. hibernate4.3.10环境搭建

    1.首先还是引入所须要的包 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFC ...

  4. linux下mysql-5.5.15安装详细步骤

    linux下mysql-5.5.15安装详细步骤 注:该文档中用到的目录路径以及一些实际的值都是作为例子来用,具体的目录路径以各自安装时的环境为准 mysql运行时需要一个启动目录.一个安装目录和一个 ...

  5. Python网络编程 - 一个简单的客户端Get请求程序

    import socket target_host = "www.baidu.com" target_port = 80 # create a socket object clie ...

  6. Access denied with payslip工资条非同部门员工不能创建bug

    Access Denied The requested operation cannot be completed due to security restrictions. Please conta ...

  7. 〖Linux〗Ubuntu13.10,配置tftp服务器

    前言,配置了好久没有发现老是出问题tftp: server error: (2) Access violation,一般侦测之后... 1. 安装软件包:apt-getsudo apt-get ins ...

  8. Windows下安装Redmine 2.5.2不全然指南

    我决定在项目中引入Redmine来管理开发任务和计划,至于Redmine的优点,请问度娘或者脑补一下. 互联网搜索到的.基本上都是旧版本号的. 1.2.1 的最多,我要新的啊,所以仅仅好自己来啦. 本 ...

  9. 在notepad++中运行python代码

    #在notepad++中运行python代码 ''' 1.安装插件pyNPP, 2.允许插件pyNPP中的第一个和第二个选项即可,如果代码过少代码执行一闪而过,可能无法看到,可加入少量sleep时间即 ...

  10. SSO之CAS + LDAP

    本来主要详细是介绍CAS和LDAP整合实现单点登录的步骤. 1. 依<SSO之安装CAS Server>所述安装好CAS Server.2. 安装ApacheDS.安装好ApacheDS后 ...