Panorama Application 全景视图是Windows Phone OS 7.0

本文深入探讨了PanoramaApplication全景视图的用户接口设计,包括背景图片、全景标题、全景区域和全景区域标题的构成及其独立的动作逻辑。详细阐述了如何通过背景图片提供杂志般的体验,以及在设计过程中需要考虑的关键因素,如背景图片的选择、数量、大小、透明度、动态UI元素的使用等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天看到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手势超出图片的宽度时,关闭并且返回可见区域。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值