iPhone5拥有加长的屏幕:相同的宽,但高度上却增加了176个像素。
大多数的用户能够接受这多出来的空间,但是对于应用开发者来说如何创建一个能够适用于不能类型的iPhone屏幕的背景就是个挑战了。
需要注意的是这里我们讨论的是iPhone retina和iPhone5,之前的普通屏幕手机只是retina的一半而已。
这里有4种方法来应对iPhone5的加长屏幕:
1. 完全不同的背景
很明显第一种选择就是使用不同的背景用于不同的屏幕!
如果你的背景非常复杂或者是刚好为定好的尺寸设计的(例如,你有一个边框或者一个游戏场景),你就需要两个不同的背景尺寸来满足两个不同的屏幕了。
优点 :
- 最好的自定义效果
- 可以制作非常复杂和精美的图片
缺点 :
- 使用了最多的内存
- 需要更多的美术(也就是说花费了更多的时间在美术上)
2. 一张加长的背景
很多应用开发者会只用一张用于iPhone5的加长背景,然后拉伸顶部或者底部的像素。
优点:
- 比下面的选择更容易自定义
- 比用两张图省内存
缺点:
- 图片的某些部分不会显示在iPhone retina屏幕上 (虽然这可能对于你的应用来说不是个问题), 或者在iPhone5上就浪费了多出来的像素了
3. 可重复的背景
这是第二通用的背景,如果你的应用适合的话。制作一个可重复的材质,这样不管是什么尺寸的屏幕都可以使用了。这种方法不在乎应用是横屏还是竖屏,或者屏幕是retina还是iPhone5的(甚至iPad屏都可以用)。
优点:
- 容易制作
- 用到很少的内存,因为可以用一个像素的图片来拉伸
- 可以拉伸成任何尺寸
缺点:
- 没有,如果你的应用适合这种背景的话
4. 可四面拉伸的材质
这是最通用的方法,但是需要一些技巧。这种方法的基础就是有一块可以重复的中心,然后四个边不拉伸。比如用很小的图片来制作圆角框的原理。
优点:
- 适合任何尺寸
- 比简单的拉伸更好,因为有四个独特的边缘
缺点:
- 比较难制作
- 有时候会显示的比较奇怪;这种方式比较适合需要纹理背景的,如纸、木头等,但不是和更复杂的纹理
选择哪一种方式?
这取决于你的应用。
如果你是制作游戏, 第一种和第二种可能比较适合。
如果你是制作一款简洁风格的工具类软件, 那第三种和第四种比较适合。
如果你制作的应用需要非常精细复杂的背景 (比如你的应用要做成像旧收音机或者笔记本的样子),那你需要使用第一或第二种方法。
来源: http://boboshone.com/blog/2013/04/21/iphone5-screen-ui/