IOS 屏幕适配（一）理论篇

最新推荐文章于 2024-12-04 09:33:23 发布
最新推荐文章于 2024-12-04 09:33:23 发布
阅读量2.9k 收藏 6
点赞数
分类专栏： 音视频开发 文章标签： ffmpeg 音视频 ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yinshipin007/article/details/129734982
版权
本文详细介绍了iOS屏幕适配的理论与实践，包括设备尺寸、分辨率的概念，设计与开发的适配问题，以及开发过程中的适配规范。重点讲解了代码实现中的布局处理，如Masonry和Jimu 1.0的适配方法，并提供了优化技巧。同时，文章还涵盖了iOS 13的适配挑战，如LaunchImage的弃用、Sign in with Apple、DeviceToken变化等问题，为开发者提供了全面的适配解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. IOS 屏幕适配基本概念

1.1 IOS 设备的尺寸和分辨率

1.1.1 分辨率相关概念

  • 点（Points）：

是iOS开发中引入的抽象单位，称作点。开发过程中所有基于坐标系的绘制都是以 point 作为单位，在iPhone 2G,3G,3GS的年代，point 和屏幕上的像素是完全一一对应的，即 320 * 480 (points), 也是 320 * 480 (pixels)

  • 渲染像素 （Rendered Pixels）：

Rendered Pixels: 渲染像素， 以 point 为单位的绘制最终都会渲染成 pixels，这个过程被称为光栅化。基于 point 的坐标系乘以比例因子可以得到基于像素的坐标系，高比例因子会使更多的细节展示，目前的比例因子会是 1x，2x，3x

  • 物理像素（Physical Pixels）:

Physical Pixels: 物理像素，就是设备屏幕实际的像素

  • 设备屏幕的物理长度（Physical Device）：

Physical Device: 设备屏幕的物理长度，使用英寸作为单位。比如iPhone 4屏幕是3.5英寸，iPhone 5 是4英寸，iphone 6是4.7英寸，这里的数字是指手机屏幕对角线的物理长度。实际上会是Physical Pixels的像素值(而不是Rendered Pixels的像素值)会渲染到该屏幕上, 屏幕会有 PPI(pixels-per-inch) 的特性，PPI 的值告诉你每英寸会有多少像素渲染。

1.1.2 IOS 各个设备对应的分辨率

机型

屏幕宽高(point)

渲染像素(pixel)

物理像素(pixel)

屏幕对角线长度（英寸）

屏幕模式

iPhone 2G,3G,3GS

320 * 480

320 * 480

320 * 480

3.5(163PPI)

1x

iPhone 4, 4s

320 * 480

640 * 960

640 * 960

3.5 (326PPI)

2x

iPhone 5, 5s

320 * 568

640 * 1136

640 * 1136

4 (326PPI)

2x

iPhone 6, 6s, 7

375 * 667

750 * 1334

750 * 1334

4.7 (326PPI)

2x

iPhone 6 Plus, 6s Plus, 7 Plus

414 * 736

1242 * 2208

1080 * 1920

5.5 (401PPI)

3x

  • iphone设备尺寸

机型

屏幕宽高(point)

比例

像素密度(PPI)

屏幕尺寸

型号代码

发布日

iPhone 2g

480×320

3:2

163ppi

3.5

iPhone1,1

2008.01

iPhone 3g

480×320

3:2

163ppi

3.5

iPhone1,2

2008.06

iPhone 3gs

480×320

3:2

163ppi

3.5

iPhone2,1

2009.06

iPhone 4

960×640

3:2

163ppi

3.5

iPhone3,1、iPhone3,2、iPhone3,3

2010.06

iPhone 4s

960×640

3:2

326ppi

3.5

iPhone4,1

2011.10

iPhone 5

1136×640

16:9

326ppi

4.0

iPhone5,1、iPhone5,2

2012.09

iPhone 5c

1136×640

16:9

326ppi

4.0

iPhone5,3、iPhone5,4

2013.09

iPhone 5s

1136×640

16:9

326ppi

4.0

iPhone6,1、iPhone6,2

2013.09

iPhone 6

1334×750

16:9

401ppi

4.7

iPhone7,2

2014.09

iPhone 6 plus

1920×1080

16:9

401ppi

5.5

iPhone7,1

2014.09

iPhone 6s

1334×750

16:9

401ppi

4.7

iPhone8,2

2015.09

iPhone 6s plus

1920×1080

16:9

401ppi

5.5

iPhone8,1

2015.09

iPhone 5 SE

1136×640

16:9

401ppi

4.0

iPhone8,4

2016.03

iPhone 7

1334×750

16:9

401ppi

4.7

iPhone9,1、iPhone9,3

2016.09

iPhone 7 plus

1920×1080

16:9

401ppi

5.5

iPhone9,2、iPhone9,4

2016.09

iPhone 8

1334×750

16:9

401ppi

4.7

iPhone10,1、iPhone10,4

2017.09

iPhone 8 plus

1920×1080

16:9

401ppi

5.5

iPhone10,2、iPhone10,5

2017.09

iPhone X

2436×1125

18:9

458ppi

5.8

iPhone10,3、iPhone10,6

2017.09

iPhone XS

2436×1125

18:9

458ppi

5.8

iPhone11,2

2018.09

iPhone XS Max

2688×1242

18:9

458ppi

6.5

iPhone11,4、iPhone11,6

</
最低0.47元/天 解锁文章
iOS14适配【解决iOS14下pop多层控制器至首页时，tabbar不显示问题】之问题分析篇
专注于计算机研发知识和资讯分享
01-26 2202
文章目录引言I、 demo 的构建1.1 问题重现步骤1.2 构建重现demoII 、打印日志分析viewControllers2.1 iOS14 pop至首页之后的viewControllers 分析2.2 iOS13 pop至首页之后的viewControllers 分析2.3 结论2.3.1 iOS系统获取hidesBottomBarWhenPushed机制III、 使用 symbolic Breakpoint 分析hidesBottomBarWhenPushed 的获取时机IV、 使用hook
Android 屏幕适配
wangqing830414的专栏
05-19 1万+
众所周知，Android机型尺寸各种各样，于是屏幕适配就成了Android开发中很重要的一环。Android屏幕适配可能一些开发者都会遇到这样的问题，今天就来分享下屏幕适配，其实Android屏幕适配也可以很简单。 基本概念 Android屏幕适配必须要理解的一些概念： px 是英文单词pixel的缩写，意为像素，屏幕上的点。我们通常所说的分辨率如480X800就是指的像素
iOS 屏幕比例适配
qq_34534179的博客
10-20 1022
本文主要介绍如何简单快捷的使用屏幕适配，快速按照设计图尺寸布局 简单使用 在最初的地方AppDelegate里面调用 [UIResponder kj_adaptModelType:KJAdaptTypeIPhone6]; 然后在需要适配的地方 替换 CGRectMake 为 KJAdaptRectMake view.frame = CGRectMake(0, 0, 10, 10); 替换为 view.frame = KJAdaptRectMake(0, 0, 10, 10); 即可完成简单的屏幕比例适配
iOS:适配(三)--iPhone不同机型界面 适配 6/6plus 前
houseq 的专栏
10-14 2万+
iPhone不同机型适配
iOS - iOS 适配
rstbfveradsvc
09-05 1035
&#13; 前言 什么是适配： 适应、兼容各种不同的情况。 iOS 开发中，适配的常见种类： 1）系统适配, 针对不同版本的操作系统进行适配。 2）屏幕适配，针对不同大小的屏幕尺寸进行适配。 iPhone 的尺寸：3.5 inch、4.0 inch、4.7 inch、5.5 inch 。 iPad 的尺寸：7.9 inch、9.7 inch、12.9 inch 。 ...
App如何适应 iPhone 5s/6/6 Plus 三种屏幕的尺寸？
weixin_30781775的博客
01-31 223
来自//www.cocoachina.com/ 初代 iPhone 2007 年，初代 iPhone 发布，屏幕的宽高是 320 x 480 像素。下文也是按照宽度，高度的顺序排列。这个分辨率一直到 iPhone 3GS 也保持不变。 那时编写 iOS 的 App(应用程序)，只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, ...
iOS 屏幕适配浅谈
杏仁技术站
11-07 470
作者 | 钱凯 杏仁移动开发工程师，前嵌入式工程师，关注大前端技术新潮流。 前端开发的屏幕适配其实算是基本功，每个码农在长期实践中都有自己的总结。 在 iOS 平台上，苹果爸爸对适配的支持个人感觉很不人性化，提供了 AutoLayout、sizeClass 等技术，感觉没有前端类似 flexBox 这样的技术来得灵活。像是点歪了技能树，过于重视使用 xib 配置
是一本介绍如何使用HTML和JavaScript来创建iOS应用程序的书籍
03-08
- 包括响应式设计和适配不同屏幕尺寸的技术。 #### 四、应用开发篇 - **第9章：编程接口**: - 深入了解如何使用JavaScript来编程控制用户界面元素。 - 包括事件处理机制和用户交互逻辑的设计。 - **第10章：处理...
2024年Unity 面试题 |五萬字 二佰道| Unity面试题大全，面试题总结【全网最全，收藏一篇足够面试】
热门推荐
努力前行，总会成为自己心中的那道光
02-23 14万+
正所谓 金三银四 ，又到了找工作的大好时机了，不知道大家有没有意向找一份更好的工作呢~ 之前写了很多Unity的学习和实例文章，但是面试题部分还没有一个系统的整理。 那本篇文章就来整理一下Unity中一些常见的面试题，说不准就会面试的时候就会遇到！ 本篇文章会将Unity所有方面的面试资料都融会贯通，绝对是2022年Unity面试领域最实用的文章啦！
iOS 7、iOS 8屏幕适配
Bannings的专栏
01-20 2万+
在iOS 8中，[UIScreen bounds] 、[UIScreen applicationFrame] 、Status bar、Keyboard这些frame都是根据设备真实方向来返回frame的，而在iOS 7中，不过是横屏还是竖屏，iOS总是返回竖屏的frame
【iOS】屏幕适配
CJFeng的博客
10-18 419
屏幕适配 1、屏幕适配的发展过程： 代码计算frame -&gt; autoreszing(父控件和子控件的关系) -&gt; autolayout(任何控件都可以产生关系) -&gt; sizeclass   没有屏幕适配，直接使用frame固定子控件的大小 屏幕大小一样，但是如果进行ipad开发，就需要考虑屏幕适配 屏幕大小不一样，需要考虑屏幕适配（使用autoresizing/a...
iOS屏幕适配
Zok93
08-05 663
iOS-屏幕适配iOS layout机制相关方法– (CGSize)sizeThatFits:(CGSize)size – (void)sizeToFit– (void)layoutSubviews – (void)layoutIfNeeded – (void)setNeedsLayout– (void)setNeedsDisplay – (void)drawRectlayoutSubvie
ios基础-分辨率适配
weixin_33932129的博客
06-27 155
（一）分辨率定义 分辨率，是指单位长度内包括的像素点的数量，它的单位通常为像素/英寸（ppi）。描写叙述分辨率的单位有：（dpi点每英寸）、lpi（线每英寸）和ppi（像素每英寸）。 （二）ios分辨率 iOS设备，眼下最基本的有3种（Apple TV等不在此讨论），按分辨率分为两类 （1）iPhone/iPod Touch 普屏分辨率    320像素 x 48...
IOS屏幕适配
TaoYuan
12-18 1445
简介屏幕适配一直是移动端开发一个非常蛋疼的问题，前几天和产品狗沟通一个Android项目，它觉得这个软件应该在任何手机上显示的都应该是一模一样的，一点都不能缩放，还夸下海口，哪怕只适应一种机型，然后程序猿先生只能遗憾的说，滚蛋！其实最初的时候Android和IOS一样，对一些界面都是给的固定值，在IPhone5出来之前，不存在屏幕适配的问题，因为iphone5之前的机型屏幕大小都是一样的。5年以上的
iOS开发——屏幕尺寸适配
afi79564的博客
01-26 216
对于屏幕尺寸适配，目前先指竖屏的方式适合方式1和2。 1.控件尺寸写死的方式，偶尔会用到屏幕的宽度和高度。 UILabel *holdLabel = [[UILabel alloc]initWithFrame:CGRectMake(12, 42, 100, 20 )]； [[UIButton alloc] initWithFrame:CGRectMake(self.wi...
iOS屏幕适配：深入理解frame的应用
最新发布
weixin_28746457的博客
12-04 802
本文还有配套的精品资源，点击获取 简介：在iOS开发中，适配不同设备的屏幕尺寸和比例是至关重要的。本主题主要探讨了如何利用 CGRect （frame）在各种iOS设备上确保用户界面的正确显示。涉及的要点包括理解屏幕尺寸和比例、运用Auto Layout、Size Classes、Intrinsic Content Size、编写代码适配、使用Storyboa...
iOS屏幕适配教程（手动布局和自动布局）
weixin_30315435的博客
01-17 322
iOS屏幕适配教程 1.通过frame进行适配 在iOS早期开发，都是使用frame属性进行屏幕适配，需要多套代码，非常麻烦。 //使用frame添加控件view，并设置属性，但是只能使用指定屏幕尺寸 [super didReceiveMemoryWarning]; UIView *greenView=[[UIView alloc]init]; gree...
iOS屏幕适配-iOS笔记
weixin_34114823的博客
10-08 153
学习目标 1.【了解】屏幕适配的发展史 2.【了解】autoResizing基本用法 3.【掌握】autoLayout 的基本用法 4.【掌握】autoLayout代码实现 5.【理解】sizeClass的基本用法 一、屏幕适配的发展史 随着iOS屏幕尺寸越来越多样化，屏幕适配也就越来越重要了。 iphone1 - iphon...
iOS开发 -手机屏幕适配的简单使用
weixin_38934440的博客
03-16 2986
我们先来看一张美工小姐姐提供的蓝湖图。 发现什么了吗？ 设计尺寸750X1314是设备(物理)分辨率。其实美工是按照6/6s/7/8标准标注的图。因为6/6s/7/8的缩放因子是@2x，所以750/2X1314/2 == 375X667，就是我们6/6s/7/8手机的逻辑分辨率。 //UI设计基准px 750x1314 转换为iphone使用的逻辑分辨率值为 375x667 iphone型号 尺寸 逻辑分辨率(p...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值