友情链接：&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
，，最精彩的内容尽在泡泡网
&&Copyright &
PCPOP, All Rights Reserved 泡泡网 版权所有新版的游戏频道看起来怎样？有没有比旧版好看一点？据说现在有专属活动正在激情展开，...
Apple TV也是一款好久没有获得重大更新的苹果设备了。今年苹果将让它脱胎换骨！
艺术是一个创作与欣赏的过程，而游戏则在参与中把欣赏排除在外，科学对于人类心脏的研...
本来OS X 10.11的第五个公测版已在昨天开放下载，只不过苹果很快又撤消发布了，至今不...
如果 iPhone 6s 能使用 7000 Series 铝合金，那么今年的新机应该不会那么容易就被用户...
坐在电脑面前的我和你，一定要时刻记得多起来走动走动。
乔布斯逝世之前，他在发布会发表演讲时的那一句“One more thing”总会为观众们带来惊...
Win 10 推出之后，除了它的安全性和流畅性，似乎有一服务项协议也十分引人关注，那就...
有幸在CJ见识到了《传奇》玩家的热情，被围得水泄不通的展台，台上的粉丝面对游戏中非...
烧杯是一种常见的实验室玻璃器皿，通常由玻璃、塑料、或者耐热玻璃制成。烧杯呈圆柱形...
向来以制作萌系风格游戏为主的 Storm8 Studios 在消除类型方面也推出过不少作品，《吃...
近日，游戏开发商Kevin Bradford在苹果商店当中上架了解谜新作《解谜指南（The Guides...
GTOKEN PTE LTD 处女作《战斗领域：弹弓进化（Battle Spheres - Uber Slingshot Evolu...
在今年年初，游戏开发商Spacetime Studios就宣布即将在iOS平台当中推出一款MOBA类型的...
写《心悦海岛》好多人都要不认识这游戏了，但是写起英文或许很多人就能想起来，它就是...
夏天是个美丽的季节，所以我们要去海边，不过记得带齐工具，一方面充分发挥iPhone的性...
苹果在iPad Smart Cover上开天窗，丰富这款配件的功能，你需不需要？
昨天，一则消息使稍稍沉寂了的 iCar 传闻重燃。英国《卫报》获取了一份文件，上述苹果...
日前，苹果多款全新台式机配件现身FCC，看起来消费者会在今年夏季结束前就能看到它们...
与其他苹果产品一样，Apple Watch 也拥有丰富的第三方配件，可以实现不同的使用需求。
苹果要求零售店内第三方配件供应商必须重改包装设计，连产品拍摄角度都有规定。
双卡双待正日渐成为许多手机用户的重要需求，工作和生活两个号码互不耽误。
随着电子产品越来越傻瓜化，文件与数据的传输也变得越来越便捷，不过作为一枚果粉，有...
6屏幕大小，和5S的差别到底明显不明显？还在纠结中！
注册时间 最后登录
在线时间568 小时 UID
主题帖子人气
白苹果, 积分 787, 距离下一级还需 713 积分
因为没有接触过实物，不知道6的屏幕到底有多大，从现有的一些图片上看，有的感觉和5S差不多，有的感觉和5S比还是有明显分别的。
我现在有一个5寸的安卓手机，当主手机用。想把手头的5S换成6或者6P，主要是用一些安卓没有的应用程序和玩一些游戏，不太用来看电子书和电影。
如果6和5S的视觉效果差距比较明显，那我就换6；如果像很多人说5S和6放一起感觉差不多，那我就换6P。
请已经摸过真机的朋友，给一点真知灼见。谢谢
<p id="rate_11742" onmouseover="showTip(this)" tip="&a
href=&forum.php?mod=redirect&goto=findpost&ptid=8376467&pid=&fromuid=1&&&span &我的体会是 不论你用哪一个 都会很爽 感觉到很大变化&/span&&/a&&人气 + 1
" class="mtn mbn">
<p id="rate_58696" onmouseover="showTip(this)" tip="&a
href=&forum.php?mod=redirect&goto=findpost&ptid=8376467&pid=&fromuid=1&&&span &没有摸过赶紧去实体店看，不要光听别人说自己没有主见！大小要自己感受的！我感觉下来.&/span&&/a&&人气 -1
" class="mtn mbn">
注册时间 最后登录
在线时间2805 小时 UID
主题帖子人气
个人感觉，6和5s对比起来实在感觉不出明显的不同。
楼主可以自己剪两个模型嘛，比较一下
注册时间 最后登录
在线时间474 小时 UID
主题帖子人气
注册时间 最后登录
在线时间39 小时 UID
主题帖子人气
手上有一个4.7的安卓机，真心感觉这个尺寸比较完美，但是我还是要上6+，因为没用过大屏
注册时间 最后登录
在线时间298 小时 UID
主题帖子人气
你原来用5S的其实换6就没意思了，长一点而已。6P就和NOTE 2 3 差不多，放口袋里是稍稍大了一点，不过比较薄也不太碍事。
<p id="rate_58696" onmouseover="showTip(this)" tip="&a
href=&forum.php?mod=redirect&goto=findpost&ptid=8376467&pid=&fromuid=1&&&span &5比4s大0.5英寸，6比5大0.7英寸！说话不要不负责任！&/span&&/a&&人气 -1
" class="mtn mbn">
注册时间 最后登录
在线时间568 小时 UID
主题帖子人气
请从5换到6的朋友，说说你们的感受，谢谢！
注册时间 最后登录
在线时间305 小时 UID
主题帖子人气
你原来用5S的其实换6就没意思了，长一点而已。6P就和NOTE 2 3 差不多，放口袋里是稍稍大了一点，不过比较薄 ...
5才是比4长一点。6比5大了不少
扣我分者，我必回扣
注册时间 最后登录
在线时间35 小时 UID
主题帖子人气
大了不少！！！
注册时间 最后登录
在线时间1768 小时 UID
主题帖子人气
说6和5s差不多的我也是呵呵了 相差了0.7寸的屏幕没感觉？那你怎么不回去用4s？搞笑
注册时间 最后登录
在线时间568 小时 UID
主题帖子人气
谢谢你的回复 因为没有看到过真机 所以比较无知回8楼cocam于1 分钟前发表的: 说6和5s差不多的我也是呵呵了 相差了0.7寸的屏幕没感觉？那你怎么不回去用4s？搞笑......
威锋旗下产品
Hi~我是威威！
沪ICP备号-1 丨 深公安网监备案号 5
增值电信业务经营许可证：
Powered by Discuz!iOS 的 APP 如何适应 iPhone 5s/6/6Plus 三种屏幕的尺寸？
19:03| 发布者: | 查看: 40692| 评论: 0
|来自: 知乎 黄兢成
简介：初代iPhone2007年，初代iPhone发布，屏幕的宽高是 320 x 480 像素。下文也是按照宽度，高度的顺序排列。这个分辨率一直到iPhone 3GS也保持不变。那时编写iOS的App(应用程序)，只支持绝对定位。比如一个按钮(x, y, wi ...
初代iPhone2007年，初代iPhone发布，屏幕的宽高是 320 x 480 像素。下文也是按照宽度，高度的顺序排列。这个分辨率一直到iPhone 3GS也保持不变。那时编写iOS的App(应用程序)，只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50)，就表示它的宽度是40像素，高度是50像素，放在(20, 20)像素的位置。iPhone 42010年，iPhone 4发布，率先采用Retina显示屏，在屏幕的物理尺寸不变的情况下，像素成倍增加，达到 640 x 960 像素。这样就出现一个问题，怎么让原有的App运行在新的手机上面？iPhone手机一个优势，就是有众多优秀的App，假如不兼容原有的App，就相当于放弃这个得来不易的优势，是很不明智的。每当iPhone的屏幕有所变化，比如iPhone 3GS过渡到iPhone 4, iPhone 4过渡到iPhone 5, iPhone 5过渡到iPhone 6，苹果公司都需要想办法来解决上述的兼容问题。为了运行之前的App，引入一个新的概念point(点)。点这个概念在iOS开发中十分重要，而非开发者很少关注。iPhone 4屏幕尺寸继续保持320 x 480，不过单位并非是像素，而是点。在iPhone 3GS中，1个点等于1个像素。也就是说，点跟像素可以直接互换。在iPhone 4中，1个点等于2个像素。iPhone 4和iPhone 3GS的屏幕尺寸实际上是一样的，都是3.5英寸。同样一个点，实际上看起来是一样的。只是iPhone 4在单位英寸上像素更多，看起来更细腻。开发iOS的时候，使用点作为基本单位会更加方便。列表对比这里的屏幕模式可以初步理解成，一个点等于多少个像素。2x，就是1个点等于2个像素。总结一下单位手机屏幕的物理长度，使用英寸作为单位。比如iPhone 4屏幕是3.5英寸，iPhone 5 是4英寸，iphone 6是4.7英寸，这里的数字是指手机屏幕对角线的物理长度。屏幕像素，比如iPhone 3GS屏幕是320 x 480像素，iPhone 4是640 x 960像素，这里的像素可以想象成屏幕上真正用来显示颜色的发光小点。点，开发App时候使用的单位，是一个虚拟的单位，并非实际存在的，因此点有时也叫虚拟点。点这个单位，用于屏蔽各个屏幕设备的不同，兼容以前的程序。每英寸有多少个像素，称为ppi(pixel per inch)。我们可以简单算算，iPhone 4是640 x 960像素，对角线就是1154像素，除以3.5英寸，应该是330ppi。而官方给出的数字是326ppi。当像素太密，超过300ppi的时候，人眼也就不能区分出每个像素。因此iPhone 4的屏幕叫作Retina显示屏。Retina在英文中，是视网膜的意思。iPhone 4之后(x, y, width, height) = (20, 30, 40, 50)，就表示高度为40个点，宽度为50个点，放在(20, 20)个点的位置。这种处理方法，将之前以像素作为单位自动转换成以点作为单位，使得iPhone 3GS的应用程序，不用修改也可运行在iPhone 4上面。文字，颜色等是矢量数据，放大不会失真。原有的iPhone 3GS程序，在iPhone 4上面运行，文字显示也十分清晰。而图片并非矢量数据，处理方式有所不同。假设图片 example.png，大小为 30 x 40像素（这里的单位是像素，数字图片的单位通常都为像素）。当这张example.png在iPhone 3GS和iPhone 4中使用时候，都占据屏幕上30 x 40个点。而因为iPhone 4中1个点等于2个像素，也就是30 x 40像素的图片，占据了60 x 80像素的屏幕，因此这图片在iPhone 4中看起来就会模糊。开发的时候，为使得图片清晰，需要进行图片适配。这时需要准备两张内容相同的图片，放在同一目录下。example.png & & &// 30 x 40像素example@2x.png & // 60 x 80像素当程序中使用example.png的时候，会根据屏幕模式自动选择对应的图片。屏幕1x模式，就会选择example.png, 2x模式就会优先选择example@2x.png，假如example@2x.png不存在，就选择example.png。图片跟屏幕一样，也有1x模式，2x模式。在iPhone 6 Plus中，还出现3x模式，原理是一样的。当iPhone 4选中example@2x.png的图片，就会生成一张大小为30 x 40个点，2x模式的图片。这个时候，图片看起来就会很清晰了。而没有适配的旧程序，example@2x.png不存在，就选中example.png，生成大小为30 x 40个点，1x模式的图片，看起来比较模糊。但它们占据的屏幕点数是一样的。iPhone 52012年，苹果发布iPhone 5。我们将所有机型对比，依然采用点作为单位。跟iPhone 4做比较, iPhone 5的宽度保持不变。高度增加568 - 480 = 88个点。在iOS开发中，44这个数字比较特殊。iOS界面指南写着，人类的手指有一定大小，点击区域低于44个点的时候，就难以点中。44的两倍就是88。当原有程序没有适配iPhone 5的时候，也可以正常运行，但多出来的88个点将会将会被自动均分为上下两部分，使得上下出现黑边。我找不到好看的图片。那么怎样才能告诉iOS系统，应用程序已经适配了iPhone 5呢？在这里，我们先扯开一下，谈一下启动图片。点击主屏幕的图标，进入App的时候，会立即显示一张图片，这张图片就是启动图片(Launch Image)。App在正式启动的时需要做一些初始化处理，这通常比较费时。先出现启动图片，可以使用户觉得系统立即有响应，减少等待的焦虑感。每个机型，比如同时支持iPhone和iPad的程序，需要分别为iPhone跟iPad指定启动图片。当旧的iPhone 4的程序，运行在iPhone 5上面，没有iPhone 5的启动图片，就采用兼容模式，上下留黑边。当为iPhone 5指定了新的启动图片，系统就认为这个应用程序是已经适配了iPhone 5的，上下就不会留黑边了。下面是微信启动图片，应该都很熟悉了。微信启动图片中出现的那个地球，叫蓝色弹珠（The Blue Marble），是在日由阿波罗17号太空船的船员所拍摄的。这张照片当年很震撼，是普通人第一次可以通过照片直接看到地球的全貌。见问题为什么微信启动界面的地球图片没有转到中国这部分？这是否有损用户体验？微信的启动图，为适配iPhone 5，相比与iPhone 4, 很明显狭长了。典型iPhone应用程序（游戏除外），很多是上面一个导航栏，下面一个工具栏或者标签栏, 中间一大块用于显示的内容区。iPhone 5拉长了，对于程序的适配，也不算麻烦，内容区的内容基本是动态生成的。适配时候可以简单上下不变，中间的内容区拉长就行了。注意，导航栏和工具栏的高度也是44个点。下面是同一程序，在iPhone 4跟iPhone 5的对比。AutoLayout到了这个时候，传统绝对定位的弱点就显露出来了。这时iPhone按照点作为单位，已经出现了两种不同尺寸的屏幕，算上iPad, 就有3种尺寸（有些App可以同时兼容iPhone和iPad，称为Universal）。从iOS 6系统发布后，iOS开发中可以采用一种AutoLayout的技术。AutoLayout就像网页一样，指定View，Button，Text之间的相对位置，比如靠左多少，靠右多少，居中多少等等。举个例子，像下面的简单布局。假设左上角的区域为view1, 右上角的区域为view2, 下面的区域为view3。AutoLayout会说:view1.left = 20 & & & & & & & // View1的左边距离边界20个点view1.top = 20 & & & & & & & &// View1的上边距离边界20个点view2.right = 20 & & & & & & &// View2的右边距离边界20个点view2.top = 20 & & & & & & & &// View2的上边距离边界20个点view2.left = view1.left + 20 &// View2的左边距离View1右边20个点view2.width = view1.width & & // View1的宽度等于View2的宽度view2.height = view1.height & // view1高度等于view2高度view3.left = view1.left & & & // view3的跟view1左对齐view3.right = view2.right & & // view3跟view2右对齐view3.top = view1.bottom + 20 // view3的上边距离view1下边20个点view3.bottom = 20 & & & & & & // view3下边距离边界20个点view3.height = view1.height & // view3高度等于view1高度指定上面的约束条件后，AutoLayout就会自动算出对应的布局。上面我写得比较繁琐，事实上很多操作都是可以使用鼠标拖拉来指定的，并不一定需要使用代码。但就算用代码，也有简写的方法。下面是在xib中，拖拉鼠标指定约束时的界面。而绝对定位，会直接说view1.frame = (x1, y1, width1, height1)view2.frame = (x2, y2, width2, height2)view3.frame = (x3, y3, width3, height3)绝对定位并非指定约束条件，而是开发者自己来精确指定View，Button, Text等的实际坐标大小。对于一个屏幕，绝对定位可能跟AutoLayout的区别不算大，甚至绝对定位会更方便些。但当需要同时适配多个屏幕，AutoLayout根本不需要更改。而绝对定位就需要根据屏幕大小，一个个算出来。比如横屏，在AutoLayout下面，就自动变成。这里不过是3个控件的布局，当出现的控件数越多，屏幕尺寸越多，AutoLayout的优势就显露出来了。另外AutoLayout有个好处是容易支持多语言，不同语言下，同一个意思文字的长度是不同的，使用AutoLayout也可以自动适配。在iOS 6的时候，AutoLayout还比较少人使用，当时屏幕尺寸还比较少。iOS 7的时候，就开始很多人使用了。而到现在iOS 8了, 更加上iPhone 6, iPhone 6 Plus需要适配，AutoLayout大势所趋，不用不行了。iPhone 6, iPhone 6 Plus2014年，iPhone 6, iPhone 6 Plus发布后，情况又有新的变化。再次比较所有iPhone机型。屏幕尺寸再度分裂。但是我们比较iPhone 5 跟 iPhone 6的宽高比例。可以看出，iPhone 6跟iPhone 5虽然屏幕尺寸改变了，但是它们的比例是不变的。都是 9 ÷ 16 = 0.5625 的屏幕。当旧的iPhone 5程序运行在iPhone 6上面，假如没有经过适配。旧程序自动等比放大，铺满新手机，旧程序也可以正常运行。这种方案可算是自动适配。但因为旧程序拉伸了，整体看起来有点虚，也不能更好利用大屏空间。当需要开发者手动适配的时候，跟iPhone 4过渡到iPhone 5一样，在新程序中，指定一张新的启动图片。当指定了启动图，屏幕分辨率就已经变成应有的大小，这时候利用AutoLayout进行布局，同一份代码，就可以支持多个机型。新手机的屏幕更大，有更多的虚拟点，可以显示更多的内容。值得注意一点是，iPhone 6 Plus。它的宽高是414 × 736个点，3x模式，理想上来说，应该有1242 × 2208像素。但iPhone 6 Plus的实际像素是 1080 × 1920，是比理想值要少一点的。iPhone 6 Plus的处理方式是将程序整体稍微缩小一点。分辨率很高，这点区别，实际上也看不出来。这样处理，可以使得44个点的点击区域约束，在物理上的真实长度，基本保持不变。由分析可以看到，慢慢的为了适配多个机型，程序的启动图片也逐渐增多，为解决这个问题。iOS之后，可以使用xib来搭建启动界面，这样就可以同一个启动界面，适配多个机型，减少启动图片占用的空间。建议1、以后的应用程序，都使用AutoLayout, 不要再用绝对定位。2、使用类似网页的方式来设计界面。3、设计师好，程序员也好，尽量使用点这个单位进行思考，而不要使用像素。比如，你需要做44 x 66个点的按钮，2x模式，就乘以2, 3x模式就乘以3。这样的思考方式可以大致估计到真实的物理长度。44个点，就是手机上导航栏，工具栏的高度。假如用像素思考，容易使得做出的图片过大或者过小。4、非矢量素材，就可以做尺寸最大的，之后再进行缩小。比如你需要兼容3x的屏幕，就直接做最高那种图片。5、而当使用Flash之类的矢量工具来做素材的时候，应该直接做点那个尺寸。比如44 x 66个点的按钮。就建立一个44 x 66的场景。之后再导出成2倍图，3倍图，因为矢量放大不失真。不要建立一个3x的场景，导出成大图片，再进行缩小，这样就容易失真。更理想的是直接使用矢量图。6、假如是那种导航栏，工具栏之类的背景图，需要横跨整个屏幕。可以只切一小块，让程序拉伸，拉伸方式是保持两边的像素不动，只拉伸最中间的一列像素。需要拉伸的话，横方向就不要出现一些渐变色。7、按钮的点击区域，不应该少于44像素，就算按钮的图片看起来比较小，也应该使得点按钮周围的透明区也有反应。8、可以按照你当前最方便测试机子的型号来做一些主要预览图，效果图。比如你手头有iPhone 5，可以按照iPhone 5的尺寸，320 x 568个点，需要兼容iPhone 6 Plus，就使用3x的模式。这样方便将图片放进手机里面看实际的效果。有多个测试机，就选较大的，之后再进行一些细调。假如支持iPhone 6 Plus的横屏模式，需要另外处理。9、上面说的是应用的处理方式，游戏会有些特殊。现在很多游戏，按照1136 x 768的像素尺寸来设计场景，这样可以同时兼容iPad和iPhone，并只使用一份图。iPad 1x模式下尺寸是1024 x 768像素，iPhone 6在2x模式下，是1136 * 640。这种尺寸，可以简单将场景居中显示，各自将场景拉伸到最大。
Templated By 迪恩网络&&沪ICP备号-1&&公安备案：57&&
Powered by您还未登陆，请登录后操作！
您的举报已经提交成功，我们将尽快处理，谢谢！
iphone5不能改变屏幕大小，只是个4.0英寸屏。而iphone5s可以改变屏幕大小，可以改成3.5英寸，就是iphone3G、4、4S...
大家还关注