本文主要介绍如何简单快捷的使用屏幕适配，快速按照设计图尺寸布局
简单使用
在最初的地方AppDelegate里面调用 [UIResponder kj_adaptModelType:KJAdaptTypeIPhone6]; 然后在需要适配的地方 替换 CGRectMake 为 KJAdaptRectMake view.frame = CGRectMake(0, 0, 10, 10); 替换为 view.frame = KJAdaptRectMake(0, 0, 10, 10); 即可完成简单的屏幕比例适配
简单描述思路
1.声明设计图手机类型
/// 适配类型 设计图类型 typedef NS_ENUM(NSInteger, KJAdaptModelType) { KJAdaptTypeIPhone4 = 0, /// 3.5英寸，320 x 480pt KJAdaptTypeIPhone5, /// 4.0英寸，320 x 568pt KJAdaptTypeIPhone6, /// 4.7英寸，375 x 667pt KJAdaptTypeIPhone6P, /// 5.5英寸，414 x 736pt KJAdaptTypeIPhoneX, /// 5.8英寸，375 x 812pt KJAdaptTypeIPhoneXR, /// 6.1英寸，414 x 896pt KJAdaptTypeIPhoneXSMax, /// 6.5英寸，414 x 896pt // KJAdaptTypeIPhone12Mini,/// 5.4英寸， // KJAdaptTypeIPhone12ProMax,/// 6.7英寸， };
2.委托确定设计图的类型
@protocol KJResponderAdaptProtocol <NSObject> /// 设计图机型，只需要在最初的地方调用一次即可 + (void)kj_adaptModelType:(KJAdaptModelType)type; @end
+ (KJAdaptModelType)adaptType{ return (KJAdaptModelType)[objc_getAssociatedObject(self, @selector(adaptType)) intValue]; } + (void)setAdaptType:(KJAdaptModelType)adaptType{ objc_setAssociatedObject(self, @selector(adaptType), @(adaptType), OBJC_ASSOCIATION_RETAIN_NONATOMIC); } + (void)kj_adaptModelType:(KJAdaptModelType)type{ self.adaptType = type; }
3.按比例确定宽高
CGFloat KJAdaptScaleLevel(CGFloat level){ if (level == 0) return 0.0; CGFloat width; switch (UIResponder.adaptType) { case KJAdaptTypeIPhone4:width = 320;break; case KJAdaptTypeIPhone5:width = 320;break; case KJAdaptTypeIPhone6:width = 375;break; case KJAdaptTypeIPhone6P:width = 414;break; case KJAdaptTypeIPhoneX:width = 375;break; case KJAdaptTypeIPhoneXR:width = 414;break; case KJAdaptTypeIPhoneXSMax:width = 414;break; default:break; } return level*([[UIScreen mainScreen]bounds].size.width/width); } CGFloat KJAdaptScaleVertical(CGFloat vertical){ return KJAdaptScaleLevel(vertical); }
4.替换方法
CGFloat KJAdaptScaleVertical(CGFloat vertical){ return KJAdaptScaleLevel(vertical); } CGPoint KJAdaptPointMake(CGFloat x, CGFloat y){ return CGPointMake(KJAdaptScaleLevel(x), KJAdaptScaleVertical(y)); } CGSize KJAdaptSizeMake(CGFloat width, CGFloat height){ return CGSizeMake(KJAdaptScaleLevel(width), KJAdaptScaleVertical(height)); } CGRect KJAdaptRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height){ return CGRectMake(KJAdaptScaleLevel(x), KJAdaptScaleVertical(y), KJAdaptScaleLevel(width), KJAdaptScaleVertical(height)); } UIEdgeInsets KJAdaptEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right){ return UIEdgeInsetsMake(KJAdaptScaleVertical(top), KJAdaptScaleLevel(left), KJAdaptScaleVertical(bottom), KJAdaptScaleLevel(right)); }
最后附上完整分类
// 简单的屏幕比例适配 /* 在最初的地方AppDelegate里面调用 [UIResponder kj_adaptModelType:KJAdaptTypeIPhone6]; 然后在需要适配的地方 替换 CGRectMake 为 KJAdaptRectMake view.frame = CGRectMake(0, 0, 10, 10); view.frame = KJAdaptRectMake(0, 0, 10, 10); 即可完成简单的屏幕比例适配 */ #import <UIKit/UIKit.h> NS_ASSUME_NONNULL_BEGIN /// 适配类型 设计图类型 typedef NS_ENUM(NSInteger, KJAdaptModelType) { KJAdaptTypeIPhone4 = 0, /// 3.5英寸，320 x 480pt KJAdaptTypeIPhone5, /// 4.0英寸，320 x 568pt KJAdaptTypeIPhone6, /// 4.7英寸，375 x 667pt KJAdaptTypeIPhone6P, /// 5.5英寸，414 x 736pt KJAdaptTypeIPhoneX, /// 5.8英寸，375 x 812pt KJAdaptTypeIPhoneXR, /// 6.1英寸，414 x 896pt KJAdaptTypeIPhoneXSMax, /// 6.5英寸，414 x 896pt // KJAdaptTypeIPhone12Mini,/// 5.4英寸， // KJAdaptTypeIPhone12ProMax,/// 6.7英寸， }; @protocol KJResponderAdaptProtocol <NSObject> /// 设计图机型，只需要在最初的地方调用一次即可 + (void)kj_adaptModelType:(KJAdaptModelType)type; @end @interface UIResponder (KJAdapt)<KJResponderAdaptProtocol> /// 水平比例适配 CGFloat KJAdaptScaleLevel(CGFloat level); /// 竖直比例适配，取值为水平比例适配 CGFloat KJAdaptScaleVertical(CGFloat vertical); /// 适配CGpoint CGPoint KJAdaptPointMake(CGFloat x, CGFloat y); /// 适配CGSize CGSize KJAdaptSizeMake(CGFloat width, CGFloat height); /// 适配CGRect CGRect KJAdaptRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height); /// 适配UIEdgeInsets UIEdgeInsets KJAdaptEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right); @end NS_ASSUME_NONNULL_END
#import "UIResponder+KJAdapt.h" @implementation UIResponder (KJAdapt) + (KJAdaptModelType)adaptType{ return (KJAdaptModelType)[objc_getAssociatedObject(self, @selector(adaptType)) intValue]; } + (void)setAdaptType:(KJAdaptModelType)adaptType{ objc_setAssociatedObject(self, @selector(adaptType), @(adaptType), OBJC_ASSOCIATION_RETAIN_NONATOMIC); } + (void)kj_adaptModelType:(KJAdaptModelType)type{ self.adaptType = type; } CGFloat KJAdaptScaleLevel(CGFloat level){ if (level == 0) return 0.0; CGFloat width; switch (UIResponder.adaptType) { case KJAdaptTypeIPhone4:width = 320;break; case KJAdaptTypeIPhone5:width = 320;break; case KJAdaptTypeIPhone6:width = 375;break; case KJAdaptTypeIPhone6P:width = 414;break; case KJAdaptTypeIPhoneX:width = 375;break; case KJAdaptTypeIPhoneXR:width = 414;break; case KJAdaptTypeIPhoneXSMax:width = 414;break; default:break; } return level*([[UIScreen mainScreen]bounds].size.width/width); } CGFloat KJAdaptScaleVertical(CGFloat vertical){ return KJAdaptScaleLevel(vertical); } CGPoint KJAdaptPointMake(CGFloat x, CGFloat y){ return CGPointMake(KJAdaptScaleLevel(x), KJAdaptScaleVertical(y)); } CGSize KJAdaptSizeMake(CGFloat width, CGFloat height){ return CGSizeMake(KJAdaptScaleLevel(width), KJAdaptScaleVertical(height)); } CGRect KJAdaptRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height){ return CGRectMake(KJAdaptScaleLevel(x), KJAdaptScaleVertical(y), KJAdaptScaleLevel(width), KJAdaptScaleVertical(height)); } UIEdgeInsets KJAdaptEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right){ return UIEdgeInsetsMake(KJAdaptScaleVertical(top), KJAdaptScaleLevel(left), KJAdaptScaleVertical(bottom), KJAdaptScaleLevel(right)); } @end
