WP8下一些图片图标的常识(菜鸟篇)
1.准备阶段:一些常识的了解
SytemTray(Status Bar)
- 竖直时32px
- 水平时72Px
Application Bar
- 收起时72Px
- 展开时依赖菜单项数目
PhoneApplicationPage
- 800*480 Px 有效区域除去SyatemTray和ApplicationBar占据的空间
ApplicationBarIconButton
- 居中显示
- 最多4个(这里时不破坏AppBar的情况下)
- 图片大小48*48,白色前景,透明背景
- 避免使用GoBack
ApplicationBarMenuItem
- 不要超过5项
- 避免过长文字
- 文字自动切换为小写
2 开发阶段:在开发你的应用程序的时候,你最少需要准备3个图标/图片。这三个图片在你建立Windows Phone 7的工程后都会自动生成默认的图片,你需要用自己的图片来替换它们。【引用WP7 Dev】
用途 | 示例文件名 | 大小 | 类型 |
应用程序列表图标 | ApplicationIcon.png | 62X62 | png |
Tile背景 | Background.png | 173X173 | png |
程序启动画面 | SplashScreenImage.jpg | 800X480 |
应用程序列表图标是用于Windows Phone 7的程序列表,即从首界面右上角的箭头点击进入的程序列表中所显示的图标。对于该图标,你可以做成透明背景的。但是遗憾的是,在这里它显示出来的背景是灰色而不是你想象中的主题中设置的Accent颜色。此问题目前不知道是Bug还是By Design,所以这里使用透明背景与否根据您自己的需要来设定。
对于Tile背景来说它是用户将你的程序固定到首界面之后所展现的那个大图标。如果这个图片你使用了透明色,它会使用系统主题中所设置的Accent颜色来填充你的透明部位(如右侧Marketplace)。这里需要注意的是,你的这张图片其实只是Tile的背景。也就是说Tile上面显示的程序的名称(例如这里的HelloPhone)和通过PushNotification推送过来的数字(例如短信数量等等)都是浮现在你的图片的上一层。所以,在你的图片上千万不要自行画上你的程序的名称或者数字。
程序启动画面是当你的程序启动的时候所展现的一个图片,所以通常你可以把它替换成符合自己产品特色的一些Logo图片或者是和自己的程序启动后用户所看到的第一个界面所类似的图片。
3。提交阶段:当你的程序开发完毕要把它提交到Marketplace的时候还需要准备一些图片,用来在Marketplace中向用户展示你的应用。
图片类型 | 用途 | 大小 | 类型 |
Tile图标(必须) | 手机上的Marketplace中展现 | 99X99 | png |
Tile图标(必须) | 手机上的Marketplace中展现 | 173X173 | png |
Tile图标(必须) | 电脑上的Marketplace中展现(Zune桌面软件中) | 200X200 | png |
背景图片(可选) | 电脑上Marketplace展现该软件的页面的背景视图 | 1000X800 | png |
这里需要注意的是,尽管所有图片都要求png格式但是都不可以有透明色。
3。 其他:
当你的程序中使用了全景视图的时候,可以给这些全景视图加上背景图片。需要注意的是,为了取得良好的性能这些图片高度应该为800像素,而宽度在480~1024像素之间。
下面是WP8 开发者预览版所支持的分辨率,及比例
分辨率 |
分辨率 |
长宽比 |
Delta from Windows Phone OS 7.1 |
缩放结果 |
WVGA |
480 × 800 |
15:9 |
None |
480 × 800 |
WXGA |
768 × 1280 |
15:9 |
1.6x scale |
480 × 800 |
720p |
720 × 1280 |
16:9 |
1.5x scale, 80 pixels taller (53 pixels, before scaling) |
480 × 853 |
根据不同的分辨率加载图像
[注意]这里的图像不是我们想像的所有图片.只是像背景图像,应用初始化图.
由于分辨率的比例不同.我们需要做一些适配的工作.至于其他的如瓦片,应用图标.我们只需要按着WXGA的分辨率做一套就可以了.系统会自动缩放合适的大小.
下面是按着WXGA分辨率的一套图片大小:
Tile |
size |
WXGA |
App list |
100 × 100 |
|
Flip and Cycle |
Small |
159 × 159 |
Flip and Cycle |
Medium |
336 × 336 |
Flip and Cycle |
Large |
691 × 336 |
Iconic |
Small |
105 × 105 |
Iconic |
Medium |
138 × 138 |
Iconic |
Large |
N/A |
其他的和WP7.5类似,没有多少变化;详细介绍三种磁体片:
Tile 模板
Filp 模板
Flip Tile是一个能前后翻转的Tile,它继承于WP OS7.1上的Tile,所以与WP OS7.1上的Tile最为类似,只不过在WP8上Flip Tile还支持更多的尺寸。
Cycle 模板
Cycle Tile可以循环显示最多9张图片。
Iconic 模板
Iconic Tile更接近于Windows Phone的设计理念。
原文地址:http://www.cnblogs.com/Yukang1989/archive/2012/11/22/2783142.html