iPhone屏幕知识点解析

SEP 28TH, 2014

一、屏幕相关知识点

1、屏幕尺寸

在显示器世界里,屏幕尺寸都是由屏幕对角线长度表示的,单位是英寸。比如iPhone4的3.5寸屏就意味着屏幕对角线的长度是3.5英寸。

2、分辨率

分辨率是任何一款手机产品最重要的参数之一。显示屏是由一个个像素组成的,分辨率可以简单理解成屏幕像素的数目。比如iPhone4的屏幕分辨率为640×960,就表示屏幕的横向有640个像素点,纵向有960个像素点。

3、PPI

PPI(Pixels Per Inch)表示单位面积上的像素点数目。分辨率可以表示屏幕包含的像素数目,但要想描述屏幕的显示质量,还需要知道屏幕尺寸,最后算出单位面积上的像素点数目。显然PPI越高,屏幕显示效果越细腻。

PPI计算公式:

其中,X:长度像素数;Y:宽度像素数;Z:屏幕尺寸即对角线长度

4、Points

可以简单理解成我们使用UIKit或 Core
Animation
处理界面元素时所用到的逻辑坐标系统。Points是在iOS4以后引入的,出现的目的是提供一种与设备无关的一致的输出效果。

苹果考虑到以后有可能推出不同分辨率屏幕的手机,如果开发者在界面布局的时候操纵像素,就会导致每种不同分辨率的设备都要有一份适配代码。比如在分辨率为320×480的iPhone3GS上,要画一条长度1英寸的线条,假设需要50个像素,即线条的长度设成50像素;但是在分辨率为640×960的iPhone4上,50像素所能表示的实际长度只有iPhone3GS的一半,即0.5英寸。因此开发者必须使用两套适配代码:在iPhone3GS上将线条长度设成50像素,在iPhone4上设成100像素。这还仅仅是两款设备,如果算上后来的iPhone5/5C/5S和iPhone6/6+,每种分辨率都来一套适配代码,开发者岂不是得疯掉??

现在苹果使用了一套逻辑坐标系统来解决多分辨率屏幕适配问题,将屏幕上的每一个点都用以屏幕左上角为原点,横向为X轴,纵向为Y轴的坐标来表示(PS:并不是所有的框架默认坐标系统都是这样,比如APPKit中的NSView;当然开发者也可以将UIKit和 Core
Animation
的坐标系统改成以屏幕左下角为原点,但原理都是一样的。)。以iPhone3GS/4为例,他们的坐标系统中X和Y的最大值都分别是320和480。

有了逻辑坐标系统,想在分辨率不同的iPhone3GS/4画一条长度均为1英寸的线条就变成了这样:将线的长度设成50Points(假设1英寸对应那么多个Points),UIKit在屏幕上绘图的时候会判断屏幕分辨率,如果是iPhone3GS的320×480分辨率屏幕,会自动使用50像素绘制;如果是iPhone4的640×960分辨率,会自动使用100像素绘制。

这种机制使得在4寸屏幕的iPhone5出来之前,iOS开发者在设备屏幕适配上的工作量几乎为零(当然,需要准备两套图片),对此Android同行们早就口水直下三千尺了。后来随着iPhone屏幕尺寸的变化,逻辑坐标系统的取值范围也发生了变化,这才让iOS开发者有点事情可做。

5、渲染比例(Scale)

像素点数目和逻辑坐标点数目的比值,就是渲染比例(Scale)。更直观的说法是一个逻辑坐标点,需要用几个像素点来渲染。

iPhone3GS的逻辑坐标系统是320×480,分辨率是320×480,即每个坐标点对应一个像素,即Scale为1;iPhone4的逻辑坐标系统是320×480,分辨率是640×960,每个坐标点对应两个像素点,即Scale为2。

因此,为了适配iPhone6+的屏幕,以后又得曾加一份@3x分辨率的图片了。

6、宽高比

屏幕宽度和高度的比例,也可以是分辨率的横向像素点数目和纵向像素点数目的比例,他们通常是一致的,一般用整数表示。

iPhone3GS/4/4S的宽高比2:3,iPhone5/5C/5S/6/6+的宽高比都是9:16。

当年iPhone5出来的时候,适配3.5寸屏幕的应用上下黑边的场景仍记忆犹新,用户体验很不好,虽然大部分应用都迅速的做了适配。还好苹果这次学聪明了,从4寸屏升级到iPhone6的4.7寸屏和iPhone6+的5.5寸屏,宽高比并没有变化。也就是说原来在iPhone5上运行的应用能够通过拉伸平滑过渡到iPhone6/6+上,可能会稍微有点模糊。不过比起3.5寸到4寸屏的升级来说已经好很多了。

二、说明

1、历代iPhone屏幕参数

下面的一张图介绍了从iPhone4到iPhone6+的几代iPhone跟屏幕相关的几个关键参数:

需要说明的是,iPhone6+的逻辑坐标是414×736,渲染比例是3倍,因此对应的屏幕分辨率是1242×2208。但iPhone6+的实际屏幕分辨率是1080×1920,这时系统会把整体的显示内容做一个从新采样缩放,downsampling比例为1/1.15。

2、老工程中的坐标系统

使用Xcode6之前版本的Xcode创建的工程,在iPhone6/6+上运行,得到的逻辑坐标都是和iPhone5/5C/5S屏幕相同的320*568。这样就做到从4寸到4.7寸和5.5寸屏幕的无缝升级,即使我们什么都不做,我们的老工程也能在iPhone6/6+上几乎完美的运行。当然因为等比例放大了,图片可能会有模糊或锯齿感。

要想让老工程的坐标系统恢复正常,可以通过为Target添加LaunchImage或者Launch
Screen File
来实现,如下图所示:

LaunchImage的方式需要在Images.xcassets里,删除旧的LaunchImage组,然后新建LaunchImage组,添加对应高分辨率的图片。对此,这里有一篇更详细的图文介绍:How
to Add a Launch Image for the iPhone 6

其中Launch
Screen File
是Xcode6和iOS8新加的功能,它用一个xib文件来作为启动画面。App在旧版iOS启动时,该属性会被自动忽略,不会造成异常。

上面两种设置,只要启用任意一个即可让App进入高分辨率模式。鉴于现在不少App还需要兼容iOS5,而第一种方法在iOS5上可能有bug,所以这里推荐用第二种方法。

三、参考文档

SEP 28TH, 2014

一、屏幕相关知识点

1、屏幕尺寸

在显示器世界里,屏幕尺寸都是由屏幕对角线长度表示的,单位是英寸。比如iPhone4的3.5寸屏就意味着屏幕对角线的长度是3.5英寸。

2、分辨率

分辨率是任何一款手机产品最重要的参数之一。显示屏是由一个个像素组成的,分辨率可以简单理解成屏幕像素的数目。比如iPhone4的屏幕分辨率为640×960,就表示屏幕的横向有640个像素点,纵向有960个像素点。

3、PPI

PPI(Pixels Per Inch)表示单位面积上的像素点数目。分辨率可以表示屏幕包含的像素数目,但要想描述屏幕的显示质量,还需要知道屏幕尺寸,最后算出单位面积上的像素点数目。显然PPI越高,屏幕显示效果越细腻。

PPI计算公式:

其中,X:长度像素数;Y:宽度像素数;Z:屏幕尺寸即对角线长度

4、Points

可以简单理解成我们使用UIKit或 Core
Animation
处理界面元素时所用到的逻辑坐标系统。Points是在iOS4以后引入的,出现的目的是提供一种与设备无关的一致的输出效果。

苹果考虑到以后有可能推出不同分辨率屏幕的手机,如果开发者在界面布局的时候操纵像素,就会导致每种不同分辨率的设备都要有一份适配代码。比如在分辨率为320×480的iPhone3GS上,要画一条长度1英寸的线条,假设需要50个像素,即线条的长度设成50像素;但是在分辨率为640×960的iPhone4上,50像素所能表示的实际长度只有iPhone3GS的一半,即0.5英寸。因此开发者必须使用两套适配代码:在iPhone3GS上将线条长度设成50像素,在iPhone4上设成100像素。这还仅仅是两款设备,如果算上后来的iPhone5/5C/5S和iPhone6/6+,每种分辨率都来一套适配代码,开发者岂不是得疯掉??

现在苹果使用了一套逻辑坐标系统来解决多分辨率屏幕适配问题,将屏幕上的每一个点都用以屏幕左上角为原点,横向为X轴,纵向为Y轴的坐标来表示(PS:并不是所有的框架默认坐标系统都是这样,比如APPKit中的NSView;当然开发者也可以将UIKit和 Core
Animation
的坐标系统改成以屏幕左下角为原点,但原理都是一样的。)。以iPhone3GS/4为例,他们的坐标系统中X和Y的最大值都分别是320和480。

有了逻辑坐标系统,想在分辨率不同的iPhone3GS/4画一条长度均为1英寸的线条就变成了这样:将线的长度设成50Points(假设1英寸对应那么多个Points),UIKit在屏幕上绘图的时候会判断屏幕分辨率,如果是iPhone3GS的320×480分辨率屏幕,会自动使用50像素绘制;如果是iPhone4的640×960分辨率,会自动使用100像素绘制。

这种机制使得在4寸屏幕的iPhone5出来之前,iOS开发者在设备屏幕适配上的工作量几乎为零(当然,需要准备两套图片),对此Android同行们早就口水直下三千尺了。后来随着iPhone屏幕尺寸的变化,逻辑坐标系统的取值范围也发生了变化,这才让iOS开发者有点事情可做。

5、渲染比例(Scale)

像素点数目和逻辑坐标点数目的比值,就是渲染比例(Scale)。更直观的说法是一个逻辑坐标点,需要用几个像素点来渲染。

iPhone3GS的逻辑坐标系统是320×480,分辨率是320×480,即每个坐标点对应一个像素,即Scale为1;iPhone4的逻辑坐标系统是320×480,分辨率是640×960,每个坐标点对应两个像素点,即Scale为2。

因此,为了适配iPhone6+的屏幕,以后又得曾加一份@3x分辨率的图片了。

6、宽高比

屏幕宽度和高度的比例,也可以是分辨率的横向像素点数目和纵向像素点数目的比例,他们通常是一致的,一般用整数表示。

iPhone3GS/4/4S的宽高比2:3,iPhone5/5C/5S/6/6+的宽高比都是9:16。

当年iPhone5出来的时候,适配3.5寸屏幕的应用上下黑边的场景仍记忆犹新,用户体验很不好,虽然大部分应用都迅速的做了适配。还好苹果这次学聪明了,从4寸屏升级到iPhone6的4.7寸屏和iPhone6+的5.5寸屏,宽高比并没有变化。也就是说原来在iPhone5上运行的应用能够通过拉伸平滑过渡到iPhone6/6+上,可能会稍微有点模糊。不过比起3.5寸到4寸屏的升级来说已经好很多了。

二、说明

1、历代iPhone屏幕参数

下面的一张图介绍了从iPhone4到iPhone6+的几代iPhone跟屏幕相关的几个关键参数:

需要说明的是,iPhone6+的逻辑坐标是414×736,渲染比例是3倍,因此对应的屏幕分辨率是1242×2208。但iPhone6+的实际屏幕分辨率是1080×1920,这时系统会把整体的显示内容做一个从新采样缩放,downsampling比例为1/1.15。

2、老工程中的坐标系统

使用Xcode6之前版本的Xcode创建的工程,在iPhone6/6+上运行,得到的逻辑坐标都是和iPhone5/5C/5S屏幕相同的320*568。这样就做到从4寸到4.7寸和5.5寸屏幕的无缝升级,即使我们什么都不做,我们的老工程也能在iPhone6/6+上几乎完美的运行。当然因为等比例放大了,图片可能会有模糊或锯齿感。

要想让老工程的坐标系统恢复正常,可以通过为Target添加LaunchImage或者Launch
Screen File
来实现,如下图所示:

LaunchImage的方式需要在Images.xcassets里,删除旧的LaunchImage组,然后新建LaunchImage组,添加对应高分辨率的图片。对此,这里有一篇更详细的图文介绍:How
to Add a Launch Image for the iPhone 6

其中Launch
Screen File
是Xcode6和iOS8新加的功能,它用一个xib文件来作为启动画面。App在旧版iOS启动时,该属性会被自动忽略,不会造成异常。

上面两种设置,只要启用任意一个即可让App进入高分辨率模式。鉴于现在不少App还需要兼容iOS5,而第一种方法在iOS5上可能有bug,所以这里推荐用第二种方法。

三、参考文档

时间: 2024-10-09 22:32:38

iPhone屏幕知识点解析的相关文章

iphone 浏览器自动解析数字为号码解决方法

iphone 浏览器自动解析数字为号码解决方法 www.MyException.Cn  网友分享于:2015-10-09  浏览:0次 iphone 浏览器自动解析数字为号码解决办法 在工作中遇到了这么一个问题 —— 在HTML代码中有一部分数字,设定的样式为“白色”,在android 浏览器 和 PC web中显示都是正常的,但是在iphone浏览器中先显示为白色,之后有变为“黑色”,在点击这串数字的时候,显示为拨打电话界面. 分析: 根据上图展现的方式说明“1234-5678-9999”添加

Mac与iPhone屏幕录制

1. Mac电脑屏幕录制 1.1 文件->新建屏幕录制 1.2 点击红色按钮 1.3 截取需要录制的屏幕部分,点击开始录制 1.4 点击工具栏的停止按钮,停止录制 1.5 然后会弹出预览界面,cmd+s保存视频,后缀为mov 2. 手机屏幕录制 2.1 首先连接你的iPhone到电脑,文件->新建影片录制 屏幕快照 2016-06-21 15.11.54.png 2.2 软件会自动显示出你的iPhone屏幕,然后点击红色按钮开始录制,再点击一下就停止录制,预览并保存文件即可. 1.png

iOS iphone屏幕分析(岂止而大)

在写本文前,我必须介绍几点内容:第一点:屏幕上面显示的内容多少和屏幕的尺寸大小无关第二点:屏幕上面显示的内容多少和分辨率完全无关第三点:屏幕上面显示的内容多少和屏幕尺寸.屏幕分辨率.PPI等都是无关的 那到底什么才影响屏幕上面显示内容的多少呢?在苹果的iOS设备里面,那就是屏幕上Points(pt)点的数量,Point是一个绝对测量尺寸,一个Points可以表示多个像素,比如非视网膜上,1个Points就代表一个像素,但在视网膜屏幕上,1个Points就代表4个像素.也就是说3.5寸480*32

iPhone 屏幕适配判断 和 iOS系统版本判断

? 1 2 3 4 5 6 7 8 9 if([[[UIDevicecurrentDevice]systemVersion]floatValue]>=7.0) {     // iOS7.0及以上版本系统适配 } if([UIScreen mainScreen].bounds.size.height == 568) {     // iPhone 屏幕适配 } 可以写成宏定义放在pch文件中, ? 1 2 3 4 // 判断是否为iPhone5 #define iPhone5 ([UIScree

iOS开发点滴:iPhone屏幕适配

最近开始做iOS开发,遇到一些小问题和解决方法,记录下. 今天是iPhone屏幕适配 iPhone5出来之后屏幕就有iPhone就有了2种尺寸:3.5寸和4寸,xcode 5 的IB设计器里面界面是4寸的,把按钮放到底部,模拟器选成3.5寸的按钮就看不到了,找到了解决方法: http://stackoverflow.com/questions/18248789/xcode-autosizing-preview-window-missing 注意,文字内容说的是uncheck "Use Autol

Java 面试知识点解析(二)——高并发编程篇

前言: 在遨游了一番 Java Web 的世界之后,发现了自己的一些缺失,所以就着一篇深度好文:知名互联网公司校招 Java 开发岗面试知识点解析 ,来好好的对 Java 知识点进行复习和学习一番,大部分内容参照自这一篇文章,有一些自己补充的,也算是重新学习一下 Java 吧. 前序文章链接: Java 面试知识点解析(一)--基础知识篇 (一)高并发编程基础知识 这里涉及到一些基础的概念,我重新捧起了一下<实战 Java 高并发程序设计>这一本书,感觉到心潮澎湃,这或许就是笔者叙述功底扎实的

关于Java面试知识点解析——JVM基础篇

跳槽时时刻刻都在发生,但是我建议大家跳槽之前,先想清楚为什么要跳槽.切不可跟风,看到同事一个个都走了,自己也盲目的开始面试起来(期间也没有准备充分),到底是因为技术原因(影响自己的发展,偏移自己规划的轨迹),还是钱给少了,不受重视. 准备不充分的面试,完全是浪费时间,更是对自己的不负责(如果title很高,当我没说).今天给大家分享下 Java面试知识点解析--JVM基础篇 1)Java 是如何实现跨平台的? 注意:跨平台的是 Java 程序,而不是 JVM.JVM 是用 C/C++ 开发的,是

录制iPhone屏幕并转成gif方案

app的开发经常会碰到需要演示一个交互,或者一个bug的情况,通常涉及一连串的操作以及操作的反馈,这是文字,或截图都无法表达的,视频的话还得播放器参与,最好的一个想法应该是录制屏幕然后再转成gif图片了.这涉及两个知识点,如何给iphone录屏,以及如何把.mov文件转成.gif文件. 如何给iPhone录屏 所幸osx 10.10(yosemite)已经直接支持用QuickTime Player来直接给iPhone来录屏了: USB连接手机到mac File -> New Movie Reco

iPhone屏幕尺寸、分辨率及适配

目录(?)[+] 1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches (58.6 mm) 4.5 inches (115.2 mm) 3.5-inch 320x480