iOS开发 -手机屏幕适配的简单使用

news/2024/11/23 4:14:59/

我们先来看一张美工小姐姐提供的蓝湖图。

发现什么了吗?

设计尺寸750X1314是设备(物理)分辨率。其实美工是按照6/6s/7/8标准标注的图。因为6/6s/7/8的缩放因子是@2x,所以750/2X1314/2 == 375X667,就是我们6/6s/7/8手机的逻辑分辨率。

    //UI设计基准px  750x1314 转换为iphone使用的逻辑分辨率值为 375x667

    iphone型号                       尺寸           逻辑分辨率(point)          设备(物理)分辨率(px)         缩放因子           宽/高比

    iphone6/6s/7/8                 4.7                375x667                             750x1314                        @2x                  0.562

    iphone6p/6sp/7p/8p       5.5                414x736                              1242x2208                     @3x                  0.563

    iphoneX/xs/11pro            5.8                 375X812                             1125X2436                     @3x                  0.462

    iphoneXr/11                      6.1                 414x896                             828x1792                       @2x                  0.462

    iphoneXsMac/proMax    6.5                414x896                              1242x2688                    @3x                  0.462

    iphone12/12pro              6.1                  390x884                             1170x2532                     @3x                  0.462

    iphone12proMax           6.7                   428x926                             1284x2778                    @3x                  0.462

等比例缩放

先阅读下代码

//屏幕尺寸
#define LTX_SCREEN_WIDTH             [UIScreen mainScreen].bounds.size.width
#define LTX_SCREEN_HEIGHT            [UIScreen mainScreen].bounds.size.height
//宽高比例
#define LTX_WIDTH_SCALE(width)       (width/375.0)*LTX_SCREEN_WIDTH
#define LTX_HEIGHT_SCALE(height)     (height/667.0)*LTX_SCREEN_HEIGHT
// 是否是刘海屏
#define IS_iPhoneXSeries                 (LTX_SCREEN_HEIGHT >= 780 ? YES : NO)
// 顶部安全区域
#define LTX_SAVEAREA_TOP                 (IS_iPhoneXSeries ? 24.0f : 0.0f)
//状态栏高度
#define LTX_STATUS_HEIGHT            [[UIApplication sharedApplication] statusBarFrame].size.height
// 导航栏高度
#define LTX_NAVBAR_HEIGHT                44.0f
//导航栏+状态栏高度
#define LTX_TOP_HEIGHT               (LTX_STATUS_HEIGHT+44)
//底部安全区域  工具栏底部 距离底部高度
#define LTX_SAFE_BOTTOM              (([[UIScreen mainScreen] bounds].size.height-780) ? 0 : 43)
//tabbar高度
#define LTX_TABBAR_HEIGHT                (IS_iPhoneXSeries ? 83.0f : 49.0f)//不同屏幕尺寸字体适配
#define LTX_FONTSIZE_SCALE(R)     [UIFont systemFontOfSize:LTX_WIDTH_SCALE(R)]

以375/667为基准,采取等比例缩放。

1,文字

    label.font = LTX_FONTSIZE_SCALE(16);

如果在6/6s/7/8手机上字体大小是16pt,那么在6p/6sp/7p/8p上显示的字体大小就是17.6pt;在X/xs/11pro上显示的字体大小是16pt;在Xr/11/XsMac/proMax 上显示的字体大小就是17.6pt。

2,图片

    self.redView = [[RedView alloc] initWithFrame:CGRectMake(100, 100, LTX_WIDTH_SCALE(86*2), LTX_WIDTH_SCALE(88*2))];self.redView.layer.contents = (__bridge id)[UIImage imageNamed:@"2"].CGImage;[self.view addSubview:self.redView];

3,间距,使用Masonry自动布局。使用 LTX_WIDTH_SCALE(width) / LTX_HEIGHT_SCALE(height) 比例布局。

最简单的适配方案。

跟新

1.,375X812

// 适配小屏手机
NS_INLINE CGFloat AValueAfterScale(CGFloat value)
{if (AUIsPad()) {return value;}CGFloat minFactor = MIN([UIScreen mainScreen].bounds.size.width / 375, [UIScreen mainScreen].bounds.size.height / 812);return value * minFactor;
}


http://www.ppmy.cn/news/881692.html

相关文章

数据库系统 - 家庭教育平台设计开发

目录 1.绪论 1.1项目背景 1.2家庭教育平台的发展现状与优势 1.2.1国内外发展现状 1.2.2家庭教育平台的优势 2.需求分析 2.1可行性分析 2.1.1经济可行性 2.1.2 技术可行性 2.1.3操作可行性 2.2系统功能 2.2.1 家庭教育资源 2.2.2 家庭教育指导师 2.2.3家庭教育咨询…

使用 SageMaker 对 Whisper 模型进行微调及部署

使用 SageMaker 对 Whisper 模型进行微调及部署 Whisper 作为 OpenAI 最新开源的自动语音识别(ASR)模型,采用了编码器-解码器(encoder- decoder)transformer架构,并使用了 68 万小时的从互联网收集的多语言…

电脑广告弹窗怎么解决?

前几天女朋友下载植物大战僵尸往自己电脑上下载了一堆奇奇怪怪的东西,导致电脑广告弹窗异常的多。于是乎天天跟我嘤嘤嘤。 1、出现广告弹窗以后打开任务管理器,在进程里找到广告的后台进程,右键属性,打开文件的具体位置。&#x…

三年多的电脑生涯的总结

从 2009 年 我小学六年级 我向家里要求 买一台电脑 爸爸同意了 没过多久 电脑就到家了 我清晰的记得 那台电脑 买会来后 我花了一个下午的时间 去装杀毒和卸载杀毒软件 然后杀毒 然后又很卡 最好姑姑叫人帮我弄了下 就好了 我那时候觉得那人好牛B 后来发现原来那都是电脑的常识…

面向对象编程(Python版详解)

【辰兮要努力】:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行! 博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端、后台、…

Objective-C基础——面对对象语法01

一、面向对象和面向过程思想 OC是面向对象的,C是面向过程的。面向对象和面向过程只是解决问题的两种不同思想 1.面向对象和面向过程的区别 以用电脑听歌为例 a) 面向过程: --- > 打开电脑 --- &g…

《关于我学CentOS-7跳进坑里忘记跳出来的那些事》——第一集:装了系统但还没完全装上

注:以下大部分内容属于个人理解,如果有其他见解请以百度说法居多的那一方为主; 一天一个游戏推荐:底特律:我欲成人;其实叫做变人,但是更喜欢我欲成人这个名字😃 英文名:…

我热爱计算机作文450字,我爱玩电脑游戏

我爱玩电脑游戏 相关内容: 随着网络越来越发达,电脑游戏也随着横行了。下面是语文迷整理的玩电脑游戏的英语作文,希望对你有帮助。篇一:Nowadays, there are more and more students are addicted to computer games, even middle school stu…