美文网首页
iOS iPhone 全机型适配库

iOS iPhone 全机型适配库

作者: 隐身人 | 来源:发表于2019-01-17 15:47 被阅读2143次

老规矩 先上 AutoScaleFrame

前言

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

目标

  1. 一套布局代码适配iPhone所有机型。✅

  2. 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

相关文章

网友评论

      本文标题:iOS iPhone 全机型适配库

      本文链接:https://www.haomeiwen.com/subject/kwjidqtx.html