`
天梯梦
  • 浏览: 13634422 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

处理iPhone5加长屏幕的4种方法

 
阅读更多

iPhone5拥有加长的屏幕:相同的宽,但高度上却增加了176个像素。

大多数的用户能够接受这多出来的空间,但是对于应用开发者来说如何创建一个能够适用于不能类型的iPhone屏幕的背景就是个挑战了。

 

需要注意的是这里我们讨论的是iPhone retina和iPhone5,之前的普通屏幕手机只是retina的一半而已。

这里有4种方法来应对iPhone5的加长屏幕:

 

1. 完全不同的背景

很明显第一种选择就是使用不同的背景用于不同的屏幕!

如果你的背景非常复杂或者是刚好为定好的尺寸设计的(例如,你有一个边框或者一个游戏场景),你就需要两个不同的背景尺寸来满足两个不同的屏幕了。

 

优点:

  • 最好的自定义效果
  • 可以制作非常复杂和精美的图片

 

缺点:

  • 使用了最多的内存
  • 需要更多的美术(也就是说花费了更多的时间在美术上)

 

2. 一张加长的背景

很多应用开发者会只用一张用于iPhone5的加长背景,然后拉伸顶部或者底部的像素。

 

优点:

  • 比下面的选择更容易自定义
  • 比用两张图省内存

 

缺点:

  • 图片的某些部分不会显示在iPhone retina屏幕上 (虽然这可能对于你的应用来说不是个问题), 或者在iPhone5上就浪费了多出来的像素了

 

3. 可重复的背景

这是第二通用的背景,如果你的应用适合的话。制作一个可重复的材质,这样不管是什么尺寸的屏幕都可以使用了。这种方法不在乎应用是横屏还是竖屏,或者屏幕是retina还是iPhone5的(甚至iPad屏都可以用)。

 

优点:

  • 容易制作
  • 用到很少的内存,因为可以用一个像素的图片来拉伸
  • 可以拉伸成任何尺寸

 

缺点:

  • 没有,如果你的应用适合这种背景的话

 

4. 可四面拉伸的材质

这是最通用的方法,但是需要一些技巧。这种方法的基础就是有一块可以重复的中心,然后四个边不拉伸。比如用很小的图片来制作圆角框的原理。

 

优点:

  • 适合任何尺寸
  • 比简单的拉伸更好,因为有四个独特的边缘

 

缺点:

  • 比较难制作
  • 有时候会显示的比较奇怪;这种方式比较适合需要纹理背景的,如纸、木头等,但不是和更复杂的纹理

 

选择哪一种方式?

这取决于你的应用。

如果你是制作游戏,第一种和第二种可能比较适合。

如果你是制作一款简洁风格的工具类软件,那第三种和第四种比较适合。

如果你制作的应用需要非常精细复杂的背景 (比如你的应用要做成像旧收音机或者笔记本的样子),那你需要使用第一或第二种方法。

 

原文连接:Four Ways to Deal With the Longer iPhone 5 screen

 

来源:http://boboshone.com/blog/2013/04/21/iphone5-screen-ui/

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics