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

系统 1399 0

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/

 

 

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


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论