`

Panorama Application 全景视图是Windows Phone OS 7.0

 
阅读更多

今天看到Panorama Application全景视图感觉很奇特。

Panorama Application




CommonUI Elements

全景应用的用户接口由4层类型组成:背景图片、全景标题、全景区域和全景区域标题,它们有各自独立的动作逻辑。


下图表示基于图片的元素


下图表示基于文本的元素



BackgroundImage

(图片背景)

背景图片位于全景应用的最底层,由它来给出类似于杂志的体验。背景图片通常是一张全景图,它可能是应用程序最直观的部分。如何创建一个好的应用体验,我们在设计过程中,必须牢记以下因素:

·利用单色的背景,或者是跨度为整个全景的图片。如果你决定使用图片,从大小来考虑,你可能会使用JPG图片,但是Silverlight支持的任何UI图片类型都是可以接受的。

·可以使用多个图片作为背景,但是在任一时刻,只能显示其中一张。

· 为了确保良好的程序性能,最少的加载时间,并且无需剪裁,图片大小应该在800 x 480800 x 1024像素(高x宽)中选择。

·对于一个具备4个全景区域的应用,使用16 x 9的屏幕高宽比。

·为了提高文本的易读性,使用一个透明的黑色或者白色过滤器。

·在动态UI元素上,避免使用下拉阴影效果(drop-shadow effects)。

·使用一定比例的与panning手势相关的动作,该panning手势和顶层内容宽度与背景图片的宽度比例有关。

·只有背景艺术出现在应用中时,才使用动画。

·当用户的pan手势超出图片的宽度时,关闭并且返回可见区域。




分享到:
评论

相关推荐

    windows phone草图原型设计组件

    1. **WindowsPhone7series_panorama.bmml**:这可能是一个包含Windows Phone 7系列应用中全景(Panorama)视图的模板。全景视图是一种常见的UI设计,允许用户左右滑动来浏览多个页面,通常用于展示多个相关但不完全...

    Windows Phone 创建全景应用[PhoneAppPanorama]

    在Windows Phone平台上,全景应用(Panorama App)是一种常见的用户界面设计模式,它允许用户通过水平滑动在多个视图间切换,呈现类似全景照片的效果。这种设计在展示大量信息时特别有效,如新闻阅读器、音乐播放器...

    Windows Phone 8 开发之Panorama布局

    在Windows Phone 8开发中,Panorama布局是一种广泛使用的用户界面设计模式,它为用户提供了一个全屏、滑动浏览的视图,可以展示多个并排的内容区域,类似于电视屏幕上切换不同频道的效果。Panorama布局非常适合展示...

    Windows Phone 7设计模板

    Windows Phone 7设计模板是针对开发者,尤其是初学者的重要资源,它由微软官方训练营提供,旨在简化和加速WP7应用的开发过程。这些模板涵盖了多个关键的设计元素和交互组件,使得开发者能够快速理解和应用平台特有的...

    windows phone7 UI design guide

    - **Windows Phone特有控件**:如枢轴控件(Pivot)、全景控件(Panorama)等独特元素的介绍。 #### 六、附录 附录部分包含了指向其他设计资源的链接,如工具、图标、设计模板、教程等内容,为开发者提供更多有用的...

    ios panorama全景库

    标题中的"ios panorama全景库"指的是专为iPhone和iPad设计的软件库,用于处理和展示全景图像。 在iOS平台上,全景图像的实现主要依赖于特定的库或框架。这些库通常包含一系列的算法,用于将多张照片拼接成一个无缝...

    Windows phone 教学视频02

    在Windows Phone应用中,视图通常指的是用户界面(UI)布局,这些布局由XAML(Extensible Application Markup Language)定义,XAML是一种声明式语言,用于构建WPF(Windows Presentation Foundation)和UWP...

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

    在iOS开发中,全景(Panorama)是一种常见的视觉效果,用于展示360度的场景。这个"ios源码之基于Panorama的全景Demo.rar"压缩包提供了一个iOS应用的源代码示例,用于实现全景图像浏览功能。下面将详细探讨相关知识点...

    Panorama Maker全景图片

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

    Windows Phone7 完美开发征程 PDF完整版

    ### Windows Phone 7 开发详解 #### 一、Windows Phone 7 概述 Windows Phone 7 是微软推出的一款智能手机操作系统,它标志着微软在移动操作系统领域的一个重要转变。与之前的 Windows Mobile 相比,Windows Phone...

    仿WP7的panorama 例子

    【标题】"仿WP7的panorama例子"指的是在非Windows Phone 7平台上实现与WP7系统中的Panorama控件类似的功能。Panorama控件是Windows Phone 7 Mango(版本7.1)操作系统中一个非常重要的UI元素,它提供了一个全屏、...

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

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

    Windows 8 Panorama源码

    通过Silverlight,开发者可以利用XAML(Extensible Application Markup Language)来描述UI布局和逻辑,实现Windows 8 Panorama的动态效果。 在提供的文件列表中,我们看到以下几个关键组件: 1. `...

    swift-iOS的360°球形全景视图基于OpenGL实现

    在iOS应用开发中,创建360°球形全景视图是一种常见的视觉效果,它可以带给用户沉浸式的体验,尤其在虚拟现实(VR)或者增强现实(AR)领域中有着广泛的应用。这种效果通常是通过编程技术来实现,其中OpenGL是一个...

    html5_3d虚拟现实全景图panorama

    4. **Panorama图像**:全景图通常是一个宽视角的图像,通过拼接多张照片或单张鱼眼镜头拍摄的照片得到。在HTML5中,这种图像可以被加载到Canvas或WebGL上下文中,然后通过编程手段让用户自由浏览。 5. **用户交互**...

    ptviewer.zip_panorama_ptviewer_全景

    标题中的"ptviewer.zip"指的是一个压缩包文件,其中包含了"panorama_ptviewer_全景"相关的资源。描述中提到的"ptviewsrc"和"ptviewer"是与360度全景视图相关的开源软件。这表明这个压缩包可能包含了用于创建、查看或...

    windows phone开发介绍

    - **发布平台**: 应用程序可以通过Windows Phone Application Deployment Service发布到Marketplace上。 #### 五、UI组件与特性 ##### 1. Panorama - **概念**: Panorama是Windows Phone特有的水平滚动界面布局...

    Windows Phone Curriculum_sm

    在开始设计之前,需要准备相应的Photoshop和Expression Blend模板,以及了解Windows Phone应用程序的类型,例如标准应用程序、数据绑定应用程序、Panorama应用程序和Pivot应用程序。 在课程的第二部分,重点介绍了...

    WINDOWS PHONE 8 与 WINDOWS 8 开发技术概览.doc

    例如,Windows Phone 8特有的Panorama和Pivot控件适应了手机用户的操作习惯,而Windows 8则更倾向于使用GridView和FlipView。 为了实现跨平台代码共享,开发者可以采取以下策略: 1. **拆分UI逻辑,使用MVVM模式**...

Global site tag (gtag.js) - Google Analytics