IPHONE屏幕大小,分辨率解析

article/2025/11/6 20:02:41


相关概念

// 竖屏时,返回的是不带有状态栏的Rect.横屏时,返回整个屏幕Rect
[UIScreen mainScreen].applicationFrame);//The natural scale factor associated with the screen(自然比例因子)
[UIScreen mainScreen].scale);//The native scale factor for the physical screen(本机比例因子)
[UIScreen mainScreen].nativeScale);//Bounds of entire screen in points,带有状态栏
[UIScreen mainScreen].bounds);//Native bounds of the physical screen in pixels
[UIScreen mainScreen].nativeBounds);

屏幕相关知识点

屏幕尺寸

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

分辨率**

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

PPI

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

PPI计算公式:这里写图片描述

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

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开发者有点事情可做。

渲染比例(Scale)

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

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

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

宽高比

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

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寸屏的升级来说已经好很多了。

相关文章:http://blog.csdn.net/phunxm/article/details/42174937

http://www.mamicode.com/info-detail-544692.html


http://chatgpt.dhexx.cn/article/uBFr3C1D.shtml

相关文章

iPhone 各屏幕尺寸及解析

一.iPhone 各屏幕尺寸表 手机型号屏幕尺寸(inch)像素密度(PPI)逻辑分辨率 (point)物理分辨率(屏幕分辨率)(pixel)缩放因子(scale factor)宽高比(…

各版本iPhone屏幕分辨率尺寸图标

1、3.5(iPhone 4、iPhone 4s): 640x960 2、4.0(iPhone 5、iPhone 5s、iPhone 5C、iPhone SE): 640x1136 3、4.7(iPhone 6、iPhone 6s、iPhone 7、iPhone 8): 750x1334&…

各型号iPhone的屏幕参数 逻辑分辨率 物理分辨率 - iOS Device Display Summary - 更新到iPhone 13系列

详询: iOS设备分辨率 - 逻辑分辨率 - 屏幕参数 - iPhone/iPad/iWatch without Macbookhttps://tools.rudon.cn/electronics/resolution/ios/

EditPlus中文版 安装教程

EditPlus中文版安装教程 1、下载软件压缩包,解压即可。不需要安装,解压后打开“EditPlus中文版”文件夹(软件我会打包好,在文中的最低端找到即可下载;若链接失效了,请告知我一声,我会重新更新链接) 2.打开EditPlus.exe启动软件。 3、设置程序的配置文件目录。 …

安装Editplus软件

1.安装Editplus软件 百度云网盘链接:https://pan.baidu.com/s/1alKZWD_yXUO4be6wUoM5Fg?pwdhykz 提取码:hykz 2.点开下载的软件进行安装,Accept下一步 3.选择自己想要安装的文件目录 4.点击Start Copy进行下一步安装,安装完成后桌面会有Editplus的软件…

EditPlus 5.0.651 中文版

各位网友:4.0 版本以前的注册码在新版本(5.0+)不再有效! EditPlus 是一个著名的代码文本编辑器。目前网上有其他人翻译的版本,但均存在零星的翻译错误。为此,我重新汉化了 EditPlus 的界面。 …

EditPlus4.0汉化+破解注册

1.官网下载并安装EditPlus软件包 https://www.editplus.com/download.html 2.下载官方推荐汉化程序,选择对应版本号 http://www.cnblogs.com/hanzisearcher/archive/2012/09/14/editplus.html 3.将解压缩得到的汉化文件“editplus.exe”直接覆盖至editplus安装目录…

强大的editplus 5.7

EditPlus是一款由韩国 Sangil Kim (ES-Computing)出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,你甚至可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE。 EditPlus(文字编辑器&#xff0…

EditPlus 5.0 激活+汉化

EditPlus5.0注册码 注册名 Vovan 注册码 3AG46-JJ48E-CEACC-8E6EW-ECUAW EditPlus5.0汉化 各位网友:4.0 版本以前的注册码在新版本(5.0+)不再有效! EditPlus 是一个著名的代码文本编辑器。目前网上有其他人翻译的版本&…

Editplus下载安装

Editplus简介 Editplus是一款很受欢迎的编辑器。简单的解释editplus软件的话,它就是一款功能更强大的记事本。除了普通的文本编辑之外,还有很多的其他特点。 默认支持HTML、CSS、PHP、ASP、Perl、C/C、Java、JavaScript和VBScript等语法高亮显示&#x…

EditPlus的安装与破解

过程及其简单,就两步: 1,下载 2,安装,反正占用不了什么空间,直接下一步下一步就可以了。 3,破解,记得先到http://www.jb51.net/tools/editplus/生成注册码,再断网输入。…

EditPlus中文版

教程: 1.解压后好选择需要的版本打开,我选择的是英文版,其他版本也可按照下方提示进行安装,打开安装,选accept 2.安装完成打开程序,提示需要注 3.输入如下字符即可完成注册,输入后点击register即可 注册码&#xff1a…

EditPlus下载安装及使用

原文链接:https://blog.csdn.net/weixin_43184774/article/details/98393253 一、下载 官网下载地址:https://www.editplus.com/ 根据自己电脑配置,选择32位安装还是64位安装 二、安装 此处我的电脑是32位操作系统,所以我选择了…

EditPlus下载安装和汉化

一、下载 官网下载地址:https://www.editplus.com/ 根据自己电脑配置,选择32位安装还是64位安装 二、安装 此处我的电脑是64位操作系统,所以我选择了64位的EditPlus版本 1、双击已下载的EditPlus安装包 2、点击“Accept” 3、选择安装路径…

Editplus破解

下载旧版本EditPlus获取破解码https://www.jb51.net/tools/editplus/

HTML期末设计——代码篇

事先声明 这个网页设计也就是用了我学到的知识做的一个中规中矩的网页&#xff0c;可以给以后的大一新生们做个参考&#xff0c;和商业网站的效果肯定是没得比的&#xff0c;期望太高的可以关掉了 引入页 效果图&#xff1a; <!DOCTYPE html> <html><head>…

炫酷的HTML代码

很炫酷的html代码&#xff1a; <!DOCTYPE html> <html xmlns"http://www.w3.org/1999/xhtml" lang"en"> <head> <title>star</title> <script type"text/javascript"> window.onload function () { C Ma…

html网页右侧悬浮代码,html悬浮窗口代码

怎么才能在HTML中做个悬浮窗并在里面插个超链接。给你上传了附件&#xff0c;里面是源码&#xff0c;你去下载在悬浮框里面加上超链接就行了*{ padding:0px; margin:0px;}.box{ width html弹出悬浮窗口代码,怎么实现啊 &#xff1f;&#xff1f;&#xff1f; 动态生成div设置di…

html符号代码大全

转载自&#xff1a;https://www.cnblogs.com/Aliase/p/8318411.html

HTML特殊字符编码大全

符号 html代码 符号 html代码 符号 html代码 符号 html代码 符号 html代码&acute; © © > > &micro; &reg; & &amp; &deg; ¡ ¡ &raquo;&brvbar; &divide; &iquest; &not; &sect; •…