windows phone 页面导航(6)[转]

转自:/article/5208659.html

ps:

　　1. ".cs"文件加上引用using System.Windows.Media;

　　2. OnManipulationStarted方法重写参数修改为

　　　　protected override void OnManipulationStarted(System.Windows.Input.ManipulationStartedEventArgs e)

　　3.原文中有些地方大小写或单词有错误，请大家留意一下,eg:

　　　　solidColorBrush---〉SolidColorBrush;

　　　　ContentPane ---〉ContentPanel

原文内容：

页面导航的例子我们使用的是两个页面，从第一个页面（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;