windows phone 页面导航(6)

原文: windows phone 页面导航(6)

页面导航的例子我们使用的是两个页面，从第一个页面（MainPage）导航到第二个页面（SecondPage），然后可以从第二个页面导航到第一个页面 ，使用的os 7.1；

页面导航没有引入新的命名空间使用的到属性是派生于PhoneApplicationPage类;

  MainPage.xaml 文件中用到的代码为： 

 <Grid x:Name= " ContentPanel " Grid.Row= " 1 " Margin= " 12,0,12,0 "></Grid>
        <TextBlock x:Name= " Navigation " Text= " 导航到第二个页面 " Grid.Row= " 1 " VerticalAlignment= " Center " HorizontalAlignment= " Center " ManipulationStarted= " Navigation_ManipulationStarted "></TextBlock>
    </Grid>

   隐藏文件代码为：

View Code

// textblock的导航时间
         private  void Navigation_ManipulationStarted( object sender, ManipulationStartedEventArgs e)
        {
             // 为什么一定是相对的--知识点①
             this.NavigationService.Navigate( new Uri( " /SecondPage.xaml ", UriKind.Relative));

            e.Complete();
            e.Handled =  true;
        }

         protected  override  void OnManipulationStarted(ManipulationStartedEventArgs e)
        {
             // 知识点②
            SolidColorBrush scb= new SolidColorBrush ();
             // 知识点③
            Color color =  new Color();
            color.A = ( byte) 245;
            color.R = ( byte) 135;
            color.G = ( byte) 25;
            color.B = ( byte) 15;
            scb.Color = color;

            ContentPanel.Background = scb;
             base.OnManipulationStarted(e);
        }

 隐藏文件的代码是在默认代码的基础上加上以上两个方法，实现的效果是当点击（触摸）非名为Navigation的TextBlock元素时，ContenPanel就会改变为设置好的固定颜色，MainPage效果图：

 

  知识点①：this.NavigationService.Navigate（） 是页面导航的核心方法参数是URI类型的对象，所以要New该类，并且实例化URI的时候SecondPage.xaml前有斜线，第二个参数表明　　　　此URI是相对于SecondPage.xaml，绝对的URI是指完整引用某个资源如： http://www.sensengo.com/Index.html  相对URI取决于前面定义的基 URI（例如：/Index.html）

 

     　　　 URI的构造函数有一个包含了基URI和相对URI字符串：

Uri(Uri, String)

根据指定的基 URI 和相对 URI 字符串，初始化 Uri 类的新实例

    　　　　 实例：

Uri baseUri =  new Uri( " http://www.contoso.com ");
      Uri myUri =  new Uri(baseUri,  " catalog/shownew.htm ");

 

    　　　　 所以URI实例构成了绝对URI，myUri.ToString()字符串是为：http://www.contoso.com/catalog/shownew.htm

          

  知识点②：SolidColorBrush类是绘制纯色区域，SolidColorBrush的另一种构造方法为： SolidColorBrush(Color)，所以以上代码也可以这样实现：　　　

ContenPane.Backgroud= new solidColorBrush(

    Color.FromArgb(245,(byte)135,(byte)25,(byte)15));

            

  知识点③： Color这里就是SolidColorBrush的属性color设置颜色，color类描绘的就是一个ARGB颜色，在形成图像中的 每个像素的颜色表示为一个 32 位数：分别用 8 位表示 Alpha、红色、绿色和蓝色 (ARGB)。 这四个分量的值都是 0 到 255，其中 0 表示没有亮度，255 表示最大亮度。 alpha 分量指定颜色的透明度：0 表示完全透明，255 表示完全不透明。 要确定颜色的 alpha、红色、绿色或蓝色成分

 

   SecondPage.xaml 文件主要代码：

 <Grid x:Name= " ContentPanel " Grid.Row= " 1 " Margin= " 12,0,12,0 "></Grid>
        <TextBlock x:Name= " Navigation " Text= " 导航到第-个页面 " Grid.Row= " 1 " VerticalAlignment= " Center " HorizontalAlignment= " Center " ManipulationStarted= " Navigation_ManipulationStarted "></TextBlock>
    </Grid>

  

   隐藏文件添加的两个方法代码：

View Code

  // textblock的导航时间
         private  void Navigation_ManipulationStarted( object sender, ManipulationStartedEventArgs e)
        {
             // 两个方式实现的效果一样，但是原理不同--知识点④
             this.NavigationService.Navigate( new Uri( " /MainPage.xaml ", UriKind.Relative));
             // this.NavigationService.GoBack();
            e.Complete();
            e.Handled =  true;
        }

         protected  override  void OnManipulationStarted(ManipulationStartedEventArgs e)
        {
             // 纯色
            SolidColorBrush scb =  new SolidColorBrush();
             // alpha
            Color color =  new Color();
            color.A = ( byte) 255;
            color.R = ( byte) 145;
            color.G = ( byte) 35;
            color.B = ( byte) 15;
            scb.Color = color;

            ContentPanel.Background = scb;
             base.OnManipulationStarted(e);
        }

 知识点④：在这里因为只有两个页面，返回到上一个页面的效果一样，但是原理不同，this.NavigationService.Navigate是实现一个新的URI实例，this.NavigationService.GoBack()则是后退到历史记录中的最新页面，如果没有历史记录页面则退出程序；

 

 知识点⑤ ：墓碑化：因为windows phone手机不支持第三方程序后台，所以提供了另一种方法Tomstone，简单的讲就是在程序A还在运行的情况下，突然其他程序B，此时系统会暂时关闭程序A的线程，并暂存其状态；当程序B使用完毕，程序A线程会重新启动，恢复程序A之前的状态；本节的页面导航就是墓碑化的例子

    小结：导航的核心一句话就是：this.NavigationService.Navigate（）和返回上一个页面this.NavigationService.GoBack()，简单了解墓碑化；发现一个方  法也可以导航到其他页面如下：

  Uri uri =  new Uri( " /SecondPage.xaml ", UriKind.Relative);
             this.NavigationService.Source = uri;