By Jeff Blankenburg

本文是“Windows Phone 7 开发 31 日谈”系列的第2日。

    今天,我们来探讨如何在Silverlight for Windows Phone中进行页面间导航。这非常重要,原因有二:首先,你不会愿意在一个XAML文件中构建整个应用程序。第二,因为下面的原则,你的程序会自动利用手机内建的返回按键。这允许你的用户想返回到之前的操作时可以向前导航。明天我们来深入讨论返回按键。

    在页面间导航有很多种方法,但是我打算只讲一种。我更喜欢叫它简单Web导航。正如其名,这里采取的方式正如你在HTML页面中导航相似。当然还有一些其他的框架可用(像MVVM),但是本篇文章的目的是讲解这个简单的方法。

简单Web导航

    假设我们有很多页面,并且我们想给用户能在它们之间穿梭的一种方式。先来构建一个简单的导航UI让我们能做以上的事情,现在开始:

1)创建一个新的Windows Phone Application。

Windows Phone 7 开发 31 日谈——第2日:页面间导航

 

 2)添加几个Windows Phone纵向页面。

Windows Phone 7 开发 31 日谈——第2日:页面间导航

我们将在第4日讨论页面方向(纵向和横向)。现在只谈纵向。我创建了3个纵向页面:Pasta.xaml, Sauce.xaml和Cheese.xaml。我将用几种不同的方法把它们联系在一起。

3)改变页面的标题,以便在页面变更后可以知道所在的位置。

    当你创建一个新页面时,有一个叫“PageTitle”的XAML元素它默认被设置为“page name”。在每个页面中都更改这个元素以便于知道你当前处于哪个页面。我喜欢这样做是因为可以减少出错的几率。你会发现当你投入精力制作一个项目时起初的代码看起来都很相似,所以让他们看起来有所区别(至少在编码时)会有很大帮助。

Windows Phone 7 开发 31 日谈——第2日:页面间导航

4)在MainPage.xaml中创建几个超链接(hyperlink)。

在页面间建立链接,有几种不同的方式。第一种是全XAML解决方案。为此,我们可以使用超链接按钮(HyperlinkButton)控件。以下是代码:

<HyperlinkButton Content="Pasta" NavigateUri="/Pasta.xaml" Height="30" HorizontalAlignment="Left"   
   Margin
="10,10,0,0" Name="hyperlinkButton1" VerticalAlignment="Top" Width="200" />

<HyperlinkButton Content="Sauce" NavigateUri="/Sauce.xaml" Height="30" HorizontalAlignment="Left" 
  Margin
="10,10,0,0" Name="hyperlinkButton2" VerticalAlignment="Top" Width="200" />

<HyperlinkButton Content="Cheese" NavigateUri="/Cheese.xaml" Height="30" HorizontalAlignment="Left" 
  Margin
="10,10,0,0" Name="hyperlinkButton3" VerticalAlignment="Top" Width="200" />

相关文章:

  • 2021-06-04
  • 2021-11-07
  • 2021-06-14
  • 2021-10-29
  • 2022-01-10
猜你喜欢
  • 2021-08-06
  • 2021-05-28
  • 2021-07-25
  • 2021-12-01
相关资源
相似解决方案