本文主要介紹如何簡單快捷的使用屏幕適配，快速按照設(shè)計圖尺寸布局
簡單使用
在最初的地方AppDelegate里面調(diào)用 [UIResponder kj_adaptModelType:KJAdaptTypeIPhone6];
然后在需要適配的地方 替換 CGRectMake 為 KJAdaptRectMake
view.frame = CGRectMake(0, 0, 10, 10);
替換為
view.frame = KJAdaptRectMake(0, 0, 10, 10);
即可完成簡單的屏幕比例適配
簡單描述思路
1.聲明設(shè)計圖手機類型
/// 適配類型 設(shè)計圖類型
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.委托確定設(shè)計圖的類型
@protocol KJResponderAdaptProtocol <NSObject>
/// 設(shè)計圖機型圃庭，只需要在最初的地方調(diào)用一次即可
+ (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里面調(diào)用 [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
/// 適配類型 設(shè)計圖類型
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>
/// 設(shè)計圖機型，只需要在最初的地方調(diào)用一次即可
+ (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
備注：本文用到的部分函數(shù)方法和Demo栈源，均來自三方庫KJExtensionHandler，如有需要的朋友可自行pod 'KJExtensionHandler'引入即可
簡單快捷的使用屏幕適配竖般，快速按照設(shè)計圖尺寸布局介紹就到此完畢甚垦，后面有相關(guān)再補充，寫文章不容易，還請點個小星星傳送門
