iOS iPhone 全机型适配库

老规矩先上 AutoScaleFrame

前言

由于项目需要，懒得重写自动布局方案，延用frame进行各适配。

目标

一套布局代码适配iPhone所有机型。✅
storyboard/xib 视图控件一并适配。❎

3.切换视图、切换横竖屏界面控制，适配。❎

未完成的后期会一一补上 T_T

思路简析

iPhone N / iPhone N Puls 可以正常等比适配。

而iPhone X 系列由于刘海屏、底部无Home键，显示屏相对高度加长了，普通等比适配的话，正方形会拉伸成明显的竖长方形。

iPhone X 系列视图组成分析

AutoScaleFrame 适配思路：

1.屏幕高度切掉 Status Bar(24pt) 以及 Home Indicator (34pt)，取到屏幕有效高度；

2.获取屏幕内容高度；
屏幕内容高度 = 屏幕有效高度 - 上导航高度 - 下导航栏高度；

3.根据传来进frame 换算出 UIView 应该在屏幕内容中正确显示的位置；

4.实战中，有特殊情况，比如任何情况下UIView X or Y 边距需要不变/宽高需要保持不变/宽变高不变等情况，已编写好各种情况的枚举。

typedef enum {
    asKFrameXYWH, //保持边距宽高不变
    asKFrameXY, // 保持XY边距不变
    asKFrameWH, // 保持宽高不变
    asKFrameX, // 保持X边距不变
    asKFrameY, // 保持Y边距不变
    asKFrameW, // 保持宽度不变
    asKFrameH  // 保持高度不变
} asKFrameType;

接口概览

//判断 iPhone X || 判断 iPhone Xs
#define isIPhoneX_Xs (CGSizeEqualToSize(CGSizeMake(375.f, 812.f), [UIScreen mainScreen].bounds.size) || CGSizeEqualToSize(CGSizeMake(812.f, 375.f), [UIScreen mainScreen].bounds.size))

//判断iPHoneXr || 判断iPhoneXs Max
#define isIPhoneXr_XsMax (CGSizeEqualToSize(CGSizeMake(414.f, 896.f), [UIScreen mainScreen].bounds.size) || CGSizeEqualToSize(CGSizeMake(896.f, 414.f), [UIScreen mainScreen].bounds.size))


//判断 iPhoneX 系列设备
#define iS_IPhoneX_All ([UIScreen mainScreen].bounds.size.height == 812 || [UIScreen mainScreen].bounds.size.height == 896)


/** 视觉安全区域 W H
 * 宽：获取全屏宽度 无处理
 * 高：如果是iPhone X - 122 xp 高度
 iPhone X  --
 navbar 有 24xp + 64(自定义顶部导航栏高度) 安全区域
 tabbar 有 34xp + 49(自定义底部导航栏高度)
 */

#define ScreenWidth [UIScreen mainScreen].bounds.size.width
#define ScreenHight [UIScreen mainScreen].bounds.size.height

//外部 - 可用安全高度
#define Screen_Security_Hight (iS_IPhoneX_All ? [UIScreen mainScreen].bounds.size.height - iPhone_SNavH  - iPhone_SBottomNavH : [UIScreen mainScreen].bounds.size.height)

//框架内 - 计算高度(除去顶部导航、底部安全高度)
#define Screen_Calculate_Hight (iS_IPhoneX_All ? [UIScreen mainScreen].bounds.size.height - iPhone_Top_NavH -iPhone_Bottom_NavH : [UIScreen mainScreen].bounds.size.height)

/** 设置默认 iPhone X 导航栏 安全高度 */
#define iPhone_SNavH (iS_IPhoneX_All ? 24  : 0)

/** 设置默认 iPhone X 底部导航栏 安全高度 */
#define iPhone_SBottomNavH (iS_IPhoneX_All ? 34  : 0)

/** 设置默认 iPhone X 导航栏 高度 88xp  普通 64xp */
#define iPhone_Top_NavH (iS_IPhoneX_All ? iPhone_SNavH + 64 : 64)

/** 设置默认 iPhone X 底部导航栏 高度 83xp  普通 49xp */
#define iPhone_Bottom_NavH (iS_IPhoneX_All ? iPhone_SBottomNavH + 49 : 49)

//传控件 取该控件宽高
#define GetVW(view) (view.frame.size.width)
#define GetVH(view) (view.frame.size.height)

/** 适配方法接口 */

#define asFrame(x,y,w,h) [AutoScaleFrame CGASMakeX:(x) Y:(y) width:(w) height:(h)]

#define asFrameX(x) [AutoScaleFrame CGASMakeX:(x)]
#define asFrameY(y) [AutoScaleFrame CGASMakeY:(y)]
#define asFrameW(w) [AutoScaleFrame CGASMakeW:(w)]
#define asFrameH(h) [AutoScaleFrame CGASMakeH:(h)]

/** 需要固定方法接口 */

#define asKFrame(x,y,w,h,asKFrameType) [AutoScaleFrame CGASKeepX:(x) Y:(y) width:(w) height:(h) Keep:(asKFrameType)]

使用代码

    //这个UIView 需要保持X Y轴距 10 pt 不变 
    UIView *testView1 = [[UIView alloc]init];
    testView1.frame = asKFrame(10, 10, 100, 100, asKFrameXY);
    testView1.backgroundColor = [UIColor redColor];
    [self.view addSubview:testView1];
    
    UIView *testView2 = [[UIView alloc]init];
    testView2.frame = asFrame(200, 200, 100, 100);
    testView2.backgroundColor = [UIColor blueColor];
    [self.view addSubview:testView2];
    UIView *testView22 = [[UIView alloc]init];
    testView22.frame = asFrame(100, 300, 100, 100);
    testView22.backgroundColor = [UIColor greenColor];
    [self.view addSubview:testView22];
    
    UIView *testView3 = [[UIView alloc]init];
    testView3.frame = asKFrame(iPhone6W-110, iPhone6H-150, 100, 100,asKFrameXY);
    testView3.backgroundColor = [UIColor blackColor];
    [self.view addSubview:testView3];

使用实例

iPhone 8 显示效果.png

iPhone 8 Puls 显示效果.png

iPhone X 显示效果.png

下载地址

AutoScaleFrame