页面导航【WP7学习札记之七】

       本节是WP7学习札记的第七篇，讲述的内容摘要主要是将页面导航的两种方式、地址别名、页面之间的数据传递（包括传递字符串、和传递对象两种方式）、回退按钮（重写Back键的事件），具体如下：

      首先讲述下Windows Phone 7应用程序的页面架构，只有一个单独的PhoneApplicationFrame，包含一个或者多个PhoneApplicationPage，也包含系统托盘和应用程序栏。

      接着是页面导航的两种方式，分别是xaml方式和c#方式。需要注意的是Silverlight for Windows Phone使用以页面为基础的导航模型，与Web的页面导航模型相似，每个页面都有唯一的URI，每个页面都是没有状态的。

      首先是使用xaml进行导航(NavigateUri=“/Views/Music.xaml”)：

<HyperlinkButton  NavigateUri="/Views/Music.xaml" Content="音乐" Height="30" HorizontalAlignment="Left" Margin="23,74,0,0" Name="hyperlinkButton1" VerticalAlignment="Top" Width="200" />

      接着是c#代码的方式进行导航(NavigationService.Navigate(new Uri("/Views/Music.xaml",UriKind.Relative))):

 private void button1_Click(object sender, RoutedEventArgs e)
        {
            NavigationService.Navigate(new Uri("/Views/Music.xaml", UriKind.Relative));
        }

 下面是别名地址导航，这个要详细说下。具体的做法是:

    在App.xaml文件的xaml文件中，引入xmlns:nav="clr-namespace:System.Windows.Navigation;assembly=Microsoft.Phone" 这个xaml名称空间；在<resources>中定义如下的格式：

<!--Application Resources-->
    <Application.Resources>
        <nav:UriMapper x:Key="UriMapper">
            <nav:UriMapping Uri="Music" MappedUri="/Views/Music.xaml"/>
            <nav:UriMapping Uri="Music/{music}" MappedUri="/Views/Music.xaml?Music={music}"/>
        </nav:UriMapper>
    </Application.Resources>

   在App.xaml.cs中的App构造函数Public App(){}中插入如下的代码：

this.RootFrame.UriMapper = Resources["UriMapper"] as UriMapper;

   接着在需要使用别名导航的地方使用如下的方式：

<HyperlinkButton Content="音乐"  NavigateUri="Music" Height="30" HorizontalAlignment="Left" Margin="23,189,0,0" Name="hyperlinkButton2" VerticalAlignment="Top" Width="200" />
            

OK，搞定~

     下面讲的是页面间传递数据--字符串数据。

上面这个图不是很全面，我做点补充。首先在原页面写类似下面的代码（分别是使用了别名导航和不使用别名导航的两种情况）：

<HyperlinkButton NavigateUri="/Views/Music.xaml?Music=歌曲1" Content="歌曲1" Height="30" HorizontalAlignment="Left" Margin="49,284,0,0" Name="hyperlinkButton3" VerticalAlignment="Top" Width="131" />
<HyperlinkButton NavigateUri="Music/歌曲1" Content="歌曲1" Height="30" HorizontalAlignment="Left" Margin="231,284,0,0" Name="hyperlinkButton4"  VerticalAlignment="Top" Width="131" />
            

然后在“导航到的页面”PageLoad事件中写如下代码（和Web开发中神似~）：

 private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)
        {
            if(NavigationContext.QueryString.Count>0)
            {
                this.textBlock1.Text = NavigationContext.QueryString["Music"];
            }
         }

OK，传递字符串完毕~

      在页面间传递对象数据，NavigationService默认不能传递对象。可用的方法有：①使用App类的静态属性；②使用Singleton类；③把对象分解使用Query string来传递；

我比较倾向于使用第一种方法：

    解释一下：首先在项目下添加一个类；

    public class MusicClass
    {
        public string Name { get; set; }
        public string File { get; set; }
    }

    在App类中添加如下属性：

public static MusicClass Music { get; set; }//添加这个属性

    在传递的原页面添加如下代码：

        private void button2_Click(object sender, RoutedEventArgs e)
        {
            App.Music = new MusicClass()
            { 
             Name="歌曲1", File="music1.mp3"
            };
            NavigationService.Navigate(new Uri("/Views/Music.xaml", UriKind.Relative));
        }

    在目标页面，代码类似如下：

        private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)
        {
            if (App.Music != null)
            {
                this.textBlock1.Text  = App.Music.Name;
            }
        }

Ok，解释完毕~

    程序可以提供控件实现回退功能，硬件Back按钮也能回退到前一个也页面（不需要编码，内置实现~）

但是，如果回退到前一个页面是不合理的行为，可以重写“Back 按钮”的时间处理，终止回退。

        private void PhoneApplicationPage_BackKeyPress(object sender, System.ComponentModel.CancelEventArgs e)
        {
            e.Cancel = true;
        }

注意，仅是Back键~
希望对各位博友有帮助~