全景视图

问题：全景视图是什么

　　我的理解：一种方便的界面切换方式

示例：

前置条件：

1)　　XAML基础知识

2)　　WP7工程创建

3)　　控件添加

实现：

1)　　创建一个基本应用

2)　　插入全景视图控件

3)　　修改代码

4)　　测试运行

1 创建一个基本应用

1)　　创建一个基本的Windows Phone应用程序，OS版本7.0

2)　　清除多余的界面元素（留下一个基本的Grid控件）

界面代码：

1     <Grid x:Name="LayoutRoot" Background="Transparent">
2 
3     </Grid>

2 插入全景视图控件

1)　　加入一个全景视图控件（Panorama）

1     <Grid x:Name="LayoutRoot" Background="Transparent">
2         <controls:Panorama  Title="我是一段很长很长的文字">
3 
4         </controls:Panorama>
5     </Grid>

（注：全景视图控件默认是没有加入到工具箱的）

2)　　为全景视图加入三个‘分页’（PanoramaItem）

 1     <Grid x:Name="LayoutRoot" Background="Transparent">
 2         <controls:Panorama  Title="我是一段很长很长的文字">
 3             <controls:PanoramaItem Header="我是分页一">
 4 
 5             </controls:PanoramaItem>
 6             <controls:PanoramaItem Header="我是分页二">
 7 
 8             </controls:PanoramaItem>
 9             <controls:PanoramaItem Header="我是分页三">
10 
11             </controls:PanoramaItem>
12         </controls:Panorama>
13     </Grid>

3 修改代码

1)　　分别为分页一、二、三添加界面元素

 1     <Grid x:Name="LayoutRoot" Background="Transparent">
 2         <controls:Panorama  Title="我是一段很长很长的文字">
 3             <controls:PanoramaItem Header="我是分页一">
 4                 <Grid>
 5                     <TextBlock Text="我是分页一的界面元素"/>
 6                 </Grid>
 7             </controls:PanoramaItem>
 8             <controls:PanoramaItem Header="我是分页二">
 9                 <Grid>
10                     <TextBlock Text="我是分页二的界面元素"/>
11                 </Grid>
12             </controls:PanoramaItem>
13             <controls:PanoramaItem Header="我是分页三">
14                 <Grid>
15                     <TextBlock Text="我是分页三的界面元素"/>
16                 </Grid>
17             </controls:PanoramaItem>
18         </controls:Panorama>
19     </Grid>

4 测试运行

以上，全景视图的使用方式。

说明：

　　1)　　<controls:Panorama>标签即是全景控件

　　2)　　每添加一个<controls:PanoramaItem>标签即是添加一个分页

　　3)　　分页中可以单独地放上你想要显示的界面元素，各页面相互独立　

posted @ 2012-11-02 10:48 布兰姥爷阅读(696) 评论(0) 编辑收藏举报

布兰姥爷

WP7->界面->全景视图

公告