iOS 比masonry更简单的适配（比例适配）

前言

众所周知，masonry是基于autolayout的适配，使用起来还是相对来说比较简单的。但是由于本人更倾向于比例适配（因为之间学过一段时间Android，对Android中的比例适配比较喜欢)所以一直以来都用比例适配,最近几天朋友给我了一个自己写的demo，正好借着前几天刚学习的UIResponder给大家讲解一下这个demo,希望对大家有帮助。在此也对我这个朋友，表示崇高的敬意。

iOS中的CGRectmake(……)方法讲解

首先我们可以根据CGRectmake（……）方法跳转至CGGeometry.h可以看到我们平时所用的一些常用方法，例如：

CGPoint CGPointMake(CGFloat x, CGFloat y);
CGSize  CGSizeMake(CGFloat width, CGFloat height);
CGRect  CGRectMake(CGFloat x, CGFloat y, CGFloat width,CGFloat height);

对于这些方法，不做太多解释，相信只要爬一下文档，就可以简单的使用。这里呢，借图简单的说明一下。

CGGeometry.png

思考

那么看到这里，如何写一个适配文件，供全局调用呢?
其实写一个category去扩展这个类，然后去添加一个pch文件，在pch文件中#import就可以实现调用。其实这样子的思维就比较局限了，大家可以试想，一般去设置坐标的绝对是一个UIView，那么是不是只要去扩展UIView的父类，就可以让所有的UIView去按照category中的方法进行布局？答案是肯定的。所以前几天介绍的UIResponder便派上了用场。我们可以去扩展UIResponder去实现布局。废话不多说，上代码：
UIResponder+Adapt.h

/**

  需要适配的地方 替换 CGRectMake => CGRectMakeAdapt  \
  e.g.   button.frame = CGRectMake(100, 100, 100, 100);
  =>  button.frame = CGRectMakeAdapt(100, 100, 100, 100)

 */

#import <UIKit/UIKit.h>

/** 适配 与设计图物理宽度比较 */
@interface UIResponder (Adapt)

#pragma mark - 默认模式为iPhone5的设计图

/*!
 @brief  水平比例适配
 @param level 原值
 @return 适配后的值
 */
CGFloat Adapt_scaleL(CGFloat level);

/*!
 @brief  竖直比例适配 取值为水平比例适配
 @param level 原值
 @return 适配后的值
 */
CGFloat Adapt_scaleV(CGFloat vertical);

/** 适配CGpoint */
CGPoint CGPointMakeAdapt(CGFloat x, CGFloat y);

/** 适配CGSize */
CGSize CGSizeMakeAdapt(CGFloat width, CGFloat height);

/** 适配CGRect */
CGRect CGRectMakeAdapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height);

/** 适配UIEdgeInsets */
UIEdgeInsets UIEdgeInsetsMakeAdapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right);

#pragma mark - 选择适配方式

#pragma mark 设计图为IPHONE4

CGFloat Adapt_IPHONE4_scaleL(CGFloat level);

CGFloat Adapt_IPHONE4_scaleV(CGFloat vertical);

CGPoint CGPointMakeIPHONE4Adapt(CGFloat x, CGFloat y);

CGSize  CGSizeMakeIPHONE4Adapt(CGFloat width, CGFloat height);

CGRect  CGRectMakeIPHONE4Adapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height);

UIEdgeInsets UIEdgeInsetsMakeIPHONE4Adapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right);

#pragma mark 设计图为IPHONE5/5s

CGFloat Adapt_IPHONE5_scaleL(CGFloat level);

CGFloat Adapt_IPHONE5_scaleV(CGFloat vertical);

CGPoint CGPointMakeIPHONE5Adapt(CGFloat x, CGFloat y);

CGSize  CGSizeMakeIPHONE5Adapt(CGFloat width, CGFloat height);

CGRect  CGRectMakeIPHONE5Adapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height);

UIEdgeInsets UIEdgeInsetsMakeIPHONE5Adapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right);

#pragma mark 设计图为IPHONE6

CGFloat Adapt_IPHONE6_scaleL(CGFloat level);

CGFloat Adapt_IPHONE6_scaleV(CGFloat vertical);

CGPoint CGPointMakeIPHONE6Adapt(CGFloat x, CGFloat y);

CGSize  CGSizeMakeIPHONE6Adapt(CGFloat width, CGFloat height);

CGRect  CGRectMakeIPHONE6Adapt(CGFloat x, CGFloat y,CGFloat width, CGFloat height);

UIEdgeInsets UIEdgeInsetsMakeIPHONE6Adapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right);

#pragma mark 设计图为IPHONE6P

CGFloat Adapt_IPHONE6P_scaleL(CGFloat level);

CGFloat Adapt_IPHONE6P_scaleV(CGFloat vertical);

CGPoint CGPointMakeIPHONE6PAdapt(CGFloat x, CGFloat y);

CGSize  CGSizeMakeIPHONE6PAdapt(CGFloat width, CGFloat height);

CGRect  CGRectMakeIPHONE6PAdapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height);

UIEdgeInsets UIEdgeInsetsMakeIPHONE6PAdapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right);

@end

UIResponder+Adapt.m
#import <Foundation/Foundation.h>

#pragma mark - 枚举 设计图类型
/**  适配类型 设计图类型 */
typedef NS_ENUM(NSInteger, kAdaptModelType) {
 /**  5/5s设计图适配 */
kAdaptTypeIPHONE5   = 0 ,
/**  6设计图适配 */
kAdaptTypeIPHONE6   = 1,
/**  6+设计图适配 */
kAdaptTypeIPHONE6P  = 2,
/**  4设计图适配 */
kAdaptTypeIPHONE4   = 3
};

#define IPHONE6_P_Height 736
#define IPHONE6_P_Wideth 414

#define IPHONE6_Height 667
#define IPHONE6_Wideth 375

#define IPHONE5_Height 568
#define IPHONE5_Wideth 320

#define IPHONE4_Height 480
#define IPHONE4_Wideth 320

/** 
 比例数据    供参考

 6p/6 width: 736/667 = 1.103448  height:414/375 = 1.104

 6/5  width: 667/568 = 1.174296  height:375/320 = 1.171875

 6p/5 width: 736/568 = 1.295775  height:414/320 = 1.29

 5/4  width: 568/480 = 1.183333  height:320/320 = 1.0

 // 选择适配方法为 : 比例尺 =  设备屏幕物理尺寸宽/设计图物理尺寸宽 (pt/pt)
 */

#define IS_IPAD (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)
#define IS_IPHONE (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
#define IS_RETINA ([[UIScreen mainScreen] scale] >= 2.0)

/** 获取分辨率尺寸 */
#define SCREEN_SCALE_WIDTH [[UIScreen mainScreen] currentMode].size.width;
#define SCREEN_SCALE_HEIGHT [[UIScreen mainScreen] currentMode].size.height;

/** 获取物理屏尺寸 */
#define ZM_SCREENWIDTH [[UIScreen mainScreen]bounds].size.width
#define ZM_SCREENHEIGHT [[UIScreen mainScreen]bounds].size.height

// 比例
#define Adapt_PROPORTION_IPHONE_4_WIDTH ZM_SCREENWIDTH / IPHONE4_Wideth
#define Adapt_PROPORTION_IPHONE_4_HEIGHT ZM_SCREENHEIGHT / IPHONE4_Height

#define Adapt_PROPORTION_IPHONE_5_WIDTH ZM_SCREENWIDTH /IPHONE5_Wideth
#define Adapt_PROPORTION_IPHONE_5_HEIGHT ZM_SCREENHEIGHT /IPHONE5_Height

#define Adapt_PROPORTION_IPHONE_6_WIDTH ZM_SCREENWIDTH / IPHONE6_Wideth
#define Adapt_PROPORTION_IPHONE_6_HEIGHT ZM_SCREENHEIGHT / IPHONE6_Height

#define Adapt_PROPORTION_IPHONE_6_PLUS_WIDTH ZM_SCREENWIDTH / IPHONE6_P_Wideth
#define Adapt_PROPORTION_IPHONE_6_PLUS_HEIGHT ZM_SCREENHEIGHT / IPHONE6_P_Height

#import "UIResponder+Adapt.h"

@implementation UIResponder (Adapt)

// 比例尺
kAdaptModelType kAdaptType = kAdaptTypeIPHONE5;

#pragma mark - 默认选择iPhone5设计图模板

CGPoint CGPointMakeAdapt(CGFloat x, CGFloat y)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptCGPointMake(x,y);
}

CGSize CGSizeMakeAdapt(CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptCGSizeMake( width , height );
}

CGRect CGRectMakeAdapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptCGRectMake(x, y, width, height);
}

UIEdgeInsets UIEdgeInsetsMakeAdapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptUIEdgeInsetsMake( top, left, bottom, right);
}

#pragma mark - 选择适配方式

#pragma mark 设计图为IPHONE4

CGFloat Adapt_IPHONE4_scaleL(CGFloat level){

    kAdaptType = kAdaptTypeIPHONE4;

    return  Adapt_scaleL(level);
}

CGFloat Adapt_IPHONE4_scaleV(CGFloat vertical){

    kAdaptType = kAdaptTypeIPHONE4;

    return Adapt_scaleV(vertical);
}

CGPoint CGPointMakeIPHONE4Adapt(CGFloat x, CGFloat y)
{
    kAdaptType = kAdaptTypeIPHONE4;

    return AdaptCGPointMake(x,y);
}

CGSize CGSizeMakeIPHONE4Adapt(CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE4;

    return AdaptCGSizeMake( width , height );
}

CGRect CGRectMakeIPHONE4Adapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE4;

    return AdaptCGRectMake(x, y, width, height);
}

UIEdgeInsets UIEdgeInsetsMakeIPHONE4Adapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
{
    kAdaptType = kAdaptTypeIPHONE4;

    return AdaptUIEdgeInsetsMake( top, left, bottom, right);
}

#pragma mark 设计图为IPHONE5/5s

CGFloat Adapt_IPHONE5_scaleL(CGFloat level){

    kAdaptType = kAdaptTypeIPHONE5;

    return  Adapt_scaleL(level);
}

CGFloat Adapt_IPHONE5_scaleV(CGFloat vertical){

    kAdaptType = kAdaptTypeIPHONE5;

    return Adapt_scaleV(vertical);
}

CGPoint CGPointMakeIPHONE5Adapt(CGFloat x, CGFloat y)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptCGPointMake(x,y);
 }

CGSize CGSizeMakeIPHONE5Adapt(CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptCGSizeMake( width , height );
}

CGRect CGRectMakeIPHONE5Adapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptCGRectMake(x, y, width, height);
}

UIEdgeInsets UIEdgeInsetsMakeIPHONE5Adapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
{
    kAdaptType = kAdaptTypeIPHONE5;

    return AdaptUIEdgeInsetsMake( top, left, bottom, right);
}

#pragma mark 设计图为IPHONE6

CGFloat Adapt_IIPHONE6_scaleL(CGFloat level){

    kAdaptType = kAdaptTypeIPHONE6;

    return  Adapt_scaleL(level);
}

CGFloat Adapt_IPHONE6_scaleV(CGFloat vertical){

    kAdaptType = kAdaptTypeIPHONE6;

    return Adapt_scaleV(vertical);
}

CGPoint CGPointMakeIPHONE6Adapt(CGFloat x, CGFloat y)
{
    kAdaptType = kAdaptTypeIPHONE6;

    return AdaptCGPointMake(x,y);
}

CGSize CGSizeMakeIPHONE6Adapt(CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE6;

    return AdaptCGSizeMake( width , height );
}

CGRect CGRectMakeIPHONE6Adapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE6;

    return AdaptCGRectMake(x, y, width, height);
}

UIEdgeInsets UIEdgeInsetsMakeIPHONE6Adapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
{
    kAdaptType = kAdaptTypeIPHONE6;

    return AdaptUIEdgeInsetsMake( top, left, bottom, right);
}

#pragma mark 设计图为IPHONE6P

CGFloat Adapt_IPHONE6P_scaleL(CGFloat level){

    kAdaptType = kAdaptTypeIPHONE6P;

    return  Adapt_scaleL(level);
}

CGFloat Adapt_IPHONE6P_scaleV(CGFloat vertical){

    kAdaptType = kAdaptTypeIPHONE6P;

    return Adapt_scaleV(vertical);
}

CGPoint CGPointMakeIPHONE6PAdapt(CGFloat x, CGFloat y)
{
    kAdaptType = kAdaptTypeIPHONE6P;

    return AdaptCGPointMake(x,y);
}

CGSize CGSizeMakeIPHONE6PAdapt(CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE6P;

    return AdaptCGSizeMake( width , height );
}

CGRect CGRectMakeIPHONE6PAdapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height)
{
    kAdaptType = kAdaptTypeIPHONE6P;

    return AdaptCGRectMake(x, y, width, height);
}

UIEdgeInsets UIEdgeInsetsMakeIPHONE6PAdapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
{
    kAdaptType = kAdaptTypeIPHONE6P;

    return AdaptUIEdgeInsetsMake( top, left, bottom, right);
}

#pragma mark - 适配

#pragma mark scale

//CGFloat scale_L(CGFloat level)      {return Adapt_scaleL(level);}
//CGFloat scale_V(CGFloat vertical)   {return Adapt_scaleV(vertical);}

CGFloat Adapt_scaleL(CGFloat level){

CGFloat scale_L = Adapt_PROPORTION_IPHONE_5_WIDTH;

switch (kAdaptType) {
    case kAdaptTypeIPHONE4:
        scale_L = Adapt_PROPORTION_IPHONE_4_WIDTH;
        break;
    case kAdaptTypeIPHONE6:
        scale_L = Adapt_PROPORTION_IPHONE_6_WIDTH;
        break;
    case kAdaptTypeIPHONE6P:
        scale_L = Adapt_PROPORTION_IPHONE_6_PLUS_WIDTH;
        break;
    default:
        break;
}

    return level*scale_L;
}

CGFloat Adapt_scaleV(CGFloat vertical){

    return Adapt_scaleL(vertical);
}

#pragma mark adapt

CGPoint AdaptCGPointMake(CGFloat x, CGFloat y)
{
    return CGPointMake(Adapt_scaleL(x), Adapt_scaleV(y));
}

CGSize AdaptCGSizeMake(CGFloat width, CGFloat height)
{
    return CGSizeMake( Adapt_scaleL(width) , Adapt_scaleV(height));
}

CGRect AdaptCGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height)
{
    return CGRectMake(Adapt_scaleL(x), Adapt_scaleV(y), Adapt_scaleL(width), Adapt_scaleV(height));
}

UIEdgeInsets AdaptUIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
{
    return UIEdgeInsetsMake(Adapt_scaleV(top), Adapt_scaleL(left), Adapt_scaleV(bottom), Adapt_scaleL(right));
}

@end

这些代码其实不难，但是整理出来还是需要一番功夫的，所以应该向我的那位朋友致敬：曾墨
引用很简单，首先得导入头文件，在这里呢，建议建立pch文件一次性导入，然后呢，你会发现，你可以通过绝对布局，实现所有屏幕的适配，最主要的是：方法还跟以前超级类似：主要调用这几个方法：
CGPoint CGPointMakeAdapt(CGFloat x, CGFloat y)；
CGSize CGSizeMakeAdapt(CGFloat width, CGFloat height)；
CGRect CGRectMakeAdapt(CGFloat x, CGFloat y, CGFloat width, CGFloat height)；
UIEdgeInsets UIEdgeInsetsMakeAdapt(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)；

欢迎关注我的个人微信公众号，免费送计算机各种最新视频资源！你想象不到的精彩！

0.jpg

最后编辑于：2019.01.02 15:19:57

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 160,108评论 4赞 364
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 67,699评论 1赞 296
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 109,812评论 0赞 244
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 44,236评论 0赞 213
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 52,583评论 3赞 288
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 40,739评论 1赞 222
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 31,957评论 2赞 315
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 30,704评论 0赞 204
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 34,447评论 1赞 246
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 30,643评论 2赞 249
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 32,133评论 1赞 261
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 28,486评论 3赞 256
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 33,151评论 3赞 238
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 26,108评论 0赞 8
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 26,889评论 0赞 197
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 35,782评论 2赞 277
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 35,681评论 2赞 272

iOS 比masonry更简单的适配（比例适配）

前言

iOS中的CGRectmake(……)方法讲解

思考

推荐阅读更多精彩内容