老规矩 先上 AutoScaleFrame
前言
由于项目需要,懒得重写自动布局方案,延用frame进行各适配。
目标
一套布局代码适配iPhone所有机型。✅
storyboard/xib 视图控件一并适配。❎
3.切换视图、切换横竖屏界面控制,适配。❎
未完成的后期会一一补上 T_T
思路简析
iPhone N / iPhone N Puls 可以正常等比适配。
而iPhone X 系列由于刘海屏、底部无Home键,显示屏相对高度加长了,普通等比适配的话,正方形会拉伸成明显的竖长方形。
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];
使用实例
下载地址
AutoScaleFrame