`

WP7 学习之panorama 全景控件应用

    博客分类:
  • WP7
阅读更多

引入命名空间xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"

 

Panorama控件用来在一个很长的横向面板上显示相关的内容,屏幕之外的内容可以依次切入到屏幕中,可以通过左右滑动的方式来切换它们。当看到其中的一个元素的时候,可以在屏幕右边显示出了一点下一屏的内容,这样你就可以知道在当前屏幕的下一屏还是有内容的。当浏览到内容的最后一屏再继续切换的话,则会回到第一屏。另外Panorama控件自身内置了触控和导航,通常来说这些已经够用,基本上不需要再为其实现特殊的手势功能。

 

在Windows Phone系统下,内置的People和Music+Videos界面就是一个典型的案例

 

xaml:

<controls:Panorama Title="pictuper and note">
<controls:Panorama.Background>
<ImageBrush ImageSource="/Image/4.jpg"></ImageBrush>
</controls:Panorama.Background>
<controls:PanoramaItem Header="图片1" Orientation="Horizontal">
<Image Source="/Image/1.jpg"></Image>
</controls:PanoramaItem>
<controls:PanoramaItem Header="图片2" Orientation="Horizontal">
<Image Source="/Image/2.jpg"></Image>
</controls:PanoramaItem>
<controls:PanoramaItem Header="图片3" Orientation="Horizontal">
<Image Source="/Image/3.jpg"></Image>
</controls:PanoramaItem>
<controls:PanoramaItem Header="文本">
<ListBox FontSize="30">
<ListBoxItem Content="aaaaaaaaaaaaaaaa"></ListBoxItem>
<ListBoxItem Content="aaaaaaaaaaaaaaaa"></ListBoxItem>
<ListBoxItem Content="aaaaaaaaaaaaaaaa"></ListBoxItem>
</ListBox>
</controls:PanoramaItem>

<controls:PanoramaItem Header="first item">
<ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Margin="0,0,0,17" Width="432">
<TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
<TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</controls:PanoramaItem>
</controls:Panorama>

 

尽量控制PanoramaItems的个数最大不超过四个。

 

除非PanoramaItems有内容显示,否则最好是把Visibility属性设置成Collapsed以隐藏。

 

通过设置Orientation属性为Horizontal使PanoramaItems可以显示比屏幕边界更宽的内容。

 

使用合适的背景图片大小,建议为高度800像素,宽度在2000像素以内。

 

尽量设置Panorama的Title属性为应用程序在开始界面的名称。

 

尽量避免为Panorama的Title填加动画或者动态更改其大小。

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    仿WP7的panorama 例子

    【标题】"仿WP7的panorama例子"指的是在非...通过以上知识点的学习和实践,开发者可以创建出与Windows Phone 7 Panorama控件类似的用户体验,无论是在原生应用还是Web应用中,都能为用户提供一致且引人入胜的界面交互。

    WPF全景控件Panorama源码

    WPF全景控件Panorama源码 源码描述: Panorama的作用是非常简单,可以很容易地总结以下几点: 1.Create a Metro style control. I say Style, as it may not be 100% in line with what the Win8 Metro tile ...

    wp7 控件练习

    这两个项目是WP开发的基础控件,页面布局和资源字典的练习 WPControls 是wp基础控件练习 SilverlightToolkitControls 是SilverlightToolkit中的控件练习 1. 项目WPControls中包含如下控件使用: 面板类控件 Grid ...

    ios panorama全景库

    总的来说,"ios panorama全景库"是iOS应用开发中的一种强大工具,能够帮助开发者轻松创建出引人入胜的全景体验。其提供的多种显示模式和易于集成的特点,使得它成为许多项目中的理想选择。通过深入理解和熟练运用此...

    WP7 Coding4Fun控件工具v1.60源码2012815

    1. **全景控件(Panorama Control)**:这是一个用于展示多面板内容的控件,模仿了WP7系统自带的全景浏览体验,用户可以通过左右滑动来切换不同面板,非常适合构建具有多个视图的应用。 2. **触摸滑块控件...

    ios源码之基于Panorama的全景Demo.rar

    这个"ios源码之基于Panorama的全景Demo.rar"压缩包提供了一个iOS应用的源代码示例,用于实现全景图像浏览功能。下面将详细探讨相关知识点。 1. 全景图像:全景图像是由多张照片拼接而成,可以展现一个全方位的视角...

    我的家乡 WP7 开放

    【标题】"我的家乡 WP7 开放" 指的是一个基于Windows Phone 7 (WP7) 平台的应用程序开发项目,旨在展示用户家乡的全景视图和其他相关信息。这个项目可能是一个夏令营活动的一部分,让开发者们有机会学习和实践WP7...

    html5_3d虚拟现实全景图panorama

    其中,3D虚拟现实全景图(Panorama)是HTML5的一个重要应用领域,它允许用户通过浏览器体验沉浸式的三维环境,仿佛置身于实际场景之中。 在HTML5中实现3D虚拟现实全景图主要依赖于几个关键技术: 1. **Canvas元素*...

    WP7 手机程序开发 入门教程

    通过本教程的学习,读者将能够掌握WP7应用程序的基础开发流程,了解如何使用Expression Blend 4 for Windows Phone创建项目,以及如何利用Panorama控件构建直观的用户界面。随着不断实践和探索,开发者将能够创造出...

    WP7有约 PDF

    Panorama控件是WP7应用中用于展示多个屏幕或场景的重要组件,每个控件由标题和多个Panorama项组成,每个项又包含自己的标题和内容。 #### 步骤4:修改Panorama控件 - **修改标题**:通过Properties面板中的Title...

    全景图制作:Panorama_Maker_4_Pro_v4.5.0.107_简体中文绿色特别版

    它简化了全景照片的制作流程,让用户无需深入学习复杂的图像处理技术也能轻松制作出高质量的全景图像。 全景图制作涉及到的关键技术包括图像拼接和透视校正。图像拼接是指将多张照片合并成一个连续的画面,这需要...

    ArcSoft Panorama Maker Pro【全景大师】 v5.0.0.21 简体中文绿色版

    《ArcSoft Panorama Maker Pro 全景大师 v5.0.0.21 简体中文绿色版》是一款专为摄影爱好者和专业摄影师设计的全景图像制作软件。这款强大的工具能够帮助用户将多张照片无缝拼接成令人惊叹的全景图片,无论是风景摄影...

    Panorama Maker全景图片

    ArcSoft Panorama Maker 是一款高质量的专业拼图程序, 可方便快捷地将一系列重叠拍摄的图片自动拼接成一幅精美的全景图片。 Panorama Maker 支持多种 RAW 格式,可以与最新的数码相机密切合作。除此之外,它还为...

    史上最全wp开发资料集_WindowsPhone7

    8. **控件与UI设计**:包括地图控件、WebBrowser控件、Pivot控件(枢轴控件)和Panorama控件(全景视图),这些都是构建用户界面的关键组件。 9. **试用版应用程序**:开发者可以为应用提供试用版,资料集中的内容...

    Windows_Phone_7_使用Pivot和Panorama控件.zip

    使用 Pivot 和 Panorama 控件 实验版本: 1.0.0 最后更新: 2/12/2011

    Unity全景图全景视频生成VR Panorama360 Pro Render3.0

    链接:https://pan.baidu.com/s/15f_6qcSz5XQTB6rddqBKyw 仅供交流学习,请勿商业用途!

    Panorama全景拍摄

    在全景相机中,您还可以为全景照片应用特效。在拍摄之前,点击选择所需的特效,如负片效果、老照片效果、素描效果等等;一旦选择了特效,拍摄的全景照片就会添加上特效了。 分享全景照片也很简单,您可以一次将全景...

    WP7交互特性浅析及APP设计探究

    - **动态磁贴**:这是WP7最具标志性的设计之一,动态磁贴不仅能够显示实时更新的信息,还能够作为启动应用程序的快捷方式。 - **流式布局**:不同于传统的网格布局,WP7采用了更为自由的流式布局,让用户在浏览内容...

    Windows Phone 7 (WP7)开发必备资料

    《Windows Phone 7 (WP7) 开发必备资料》是一个针对Windows Phone 7应用程序开发的资源集合,包含两本PDF电子书:《Apress.Pro.Silverlight.4.in.CSharp.Oct.2010.pdf》和《WindowsPhone导航与控件.pdf》。...

Global site tag (gtag.js) - Google Analytics