zoukankan      html  css  js  c++  java
  • WP7>界面>全景视图

    问题:全景视图是什么

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

    示例:

    前置条件:

    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)  分页中可以单独地放上你想要显示的界面元素,各页面相互独立 

  • 相关阅读:
    GitHub具体教程
    hadoop 集群及hbase集群的pid文件存放位置
    MATLAB中导入数据:importdata函数
    MFCC可视化
    Html的空格显示
    CSS:CSS 颜色
    CSS:CSS 单位
    CSS:CSS 网络安全字体组合
    CSS3:CSS 听觉参考手册
    CSS:CSS 选择器参考手册
  • 原文地址:https://www.cnblogs.com/cation/p/2750838.html
Copyright © 2011-2022 走看看