一起学习win8应用4-导航

时间:13-01-21 栏目:win8应用 作者:zongyan86 评论:0 点击: 2,881 次

在《一起学习win8应用3》中,我们学习了一下ListBox控件的大概用法。当然,还有很多内容没有讲到。我想,这只是作为抛砖引玉的一篇文章,在以后的文章中,我会通过一些实例,有针对性地介绍一些其他控件。大家现在可以回顾下,目前为止,我们都用过了什么控件?

是的,我们用到了:Button,TextBox,TextBlock,MessageDialog,ListBox。当然,具体的一些属性设置,我并没有深入地去写,希望大家先多动手亲历亲为下,以后的教程中,比较重要的知识点或者说比较容易忽略的东西,我会特别注明下。

回到正题。

导航,其实也就是跳转(链接)。如果大家有用过webform应该会记得Response.Redirect(url)和Server.Transfer(url)。当然,也可以直接用LinkButton控件,来进行页面的跳转,不管是跳到内部文件,或者是一个外部的URL地址。而在winform中,我们习惯实例个winform窗体,用show()方法或者ShowDiaglog()来进行模拟跳转。win8应用中的跳转,跟webform中的极度类似。

下面我们就来做做例子:

首先,看看运行结果:

点击链接“点击进入页面二”,跳转如下页面。

点击链接“百度一下”,页面显示如下:

点击链接“谷歌一下”,页面显示如下:

第一:文件-新建-空白项目,在MainPage.XAML中拉住三个HyperLinkButton控件,一个TextBlock控件,一个WebView控件,这边我们借住StackPanel控件对按钮进行布局。

代码如图所示:

这边Grid和StackPanel都是布局控件,StackPanle我们可以理解为“排队”控件,因为它可以让一排HyperlinkButton控件整整齐齐地按顺序排序。Grid控件是网格控件,其实就像表格布局一样,具体的用法,我希望大家先百度下。以后我会写篇布局控件的用法。

WebView控件,是承载网页的容器控件。有点象winform里面的WebBrowser控件.

TextBlock控件用来标志当前处于哪个页面。而HyperlinkButon控件,大家看名字也应该知道,它叫做超链接按钮控件,我们可以通过它的NavigateUri属性来进行页面的跳转,同样,我们可以通过click事件,对其进行页面的跳转操作。

具体看如下代码:

我们通过实例化Uri类,给超链接按钮设置个路径。然后,通过WebView控件的Navigate方法,来进行页面的链接。

当然,我们也可以在OnNavigatedTo事件里,让他首次就加载“百度”页面。

第二,项目-添加-新建项,我们添加个空白页面Page2.具体页面设置如下:

我们在这边添加了个button,在Style属性中,设置了全局资源样式BackButtonStyle,也就是个“带圆圈的回去箭头”,这里我们可以给这个按钮的click事件,添加“返回”操作。

这边我们看到看Frame类。

Navigate方法,是用来跳转的,他有两个重载,一个直接跳转到某个页面,一个是可以传递参数。

CanGoBack属性,用来判断GoBack按钮是否显示隐藏。

GoBack方法,用来跳回当初的页面。

GoFoward方法,用来调到前面的页面。

第三:我们添加-新建项-选择基本页,是基本页哦。命名为Page3.

我们可以看到这个模版它是有带了,GoBack按钮的。我们添加个TextBlock来进行参数的传递。

这边,我们看到Frame.CanGoBack属性是绑定在IsEnabled属性上的。它就会自动判断,让GoBack按钮进行自动的显示跟隐藏。

我们对“点击进入第二页”,加入Click事件代码:

这边我们用到了Navigate的第二个重载,把文本框的内容,传了过去,这时,我们只要在文本框输入内容,点击进入第二页,就可以在第二页看到相应的文字了。

当然,不要忘了,我们得在第二页放个显示内容的控件,并写入下面的代码:

注:如果你想把Page3作为启动页面,可别忘了在App.xaml.cs中的OnLaunched事件中修改

if (!rootFrame.Navigate(typeof(Page3), args.Arguments))
{
throw new Exception("Failed to create initial page");
}
web技术分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: 一起学习win8应用4-导航

关注我们