iOS 比masonry更简单的适配(比例适配

本文转自一个朋友 Peak_One(简书作者)自认为写的真不错,果断转了!!!

原文链接:http://www.jianshu.com/p/aaca9297dcee

著作权归作者所有!!


前言

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

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

首先我们可以根据CGRectmake(……)方法跳转至CGGeometry.h可以看到我们平时所用的一些常用方法,例如:

CGPointCGPointMake(CGFloatx,CGFloaty);CGSizeCGSizeMake(CGFloatwidth,CGFloatheight);CGRectCGRectMake(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight);

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

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/** 适配 与设计图物理宽度比较 */@interfaceUIResponder(Adapt)#pragma mark - 默认模式为iPhone5的设计图/*!

@brief  水平比例适配

@param level 原值

@return 适配后的值

*/CGFloatAdapt_scaleL(CGFloatlevel);/*!

@brief  竖直比例适配 取值为水平比例适配

@param level 原值

@return 适配后的值

*/CGFloatAdapt_scaleV(CGFloatvertical);/** 适配CGpoint */CGPointCGPointMakeAdapt(CGFloatx,CGFloaty);/** 适配CGSize */CGSizeCGSizeMakeAdapt(CGFloatwidth,CGFloatheight);/** 适配CGRect */CGRectCGRectMakeAdapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight);/** 适配UIEdgeInsets */UIEdgeInsetsUIEdgeInsetsMakeAdapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright);#pragma mark - 选择适配方式#pragma mark 设计图为IPHONE4CGFloatAdapt_IPHONE4_scaleL(CGFloatlevel);CGFloatAdapt_IPHONE4_scaleV(CGFloatvertical);CGPointCGPointMakeIPHONE4Adapt(CGFloatx,CGFloaty);CGSizeCGSizeMakeIPHONE4Adapt(CGFloatwidth,CGFloatheight);CGRectCGRectMakeIPHONE4Adapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight);UIEdgeInsetsUIEdgeInsetsMakeIPHONE4Adapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright);#pragma mark 设计图为IPHONE5/5sCGFloatAdapt_IPHONE5_scaleL(CGFloatlevel);CGFloatAdapt_IPHONE5_scaleV(CGFloatvertical);CGPointCGPointMakeIPHONE5Adapt(CGFloatx,CGFloaty);CGSizeCGSizeMakeIPHONE5Adapt(CGFloatwidth,CGFloatheight);CGRectCGRectMakeIPHONE5Adapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight);UIEdgeInsetsUIEdgeInsetsMakeIPHONE5Adapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright);#pragma mark 设计图为IPHONE6CGFloatAdapt_IPHONE6_scaleL(CGFloatlevel);CGFloatAdapt_IPHONE6_scaleV(CGFloatvertical);CGPointCGPointMakeIPHONE6Adapt(CGFloatx,CGFloaty);CGSizeCGSizeMakeIPHONE6Adapt(CGFloatwidth,CGFloatheight);CGRectCGRectMakeIPHONE6Adapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight);UIEdgeInsetsUIEdgeInsetsMakeIPHONE6Adapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright);#pragma mark 设计图为IPHONE6PCGFloatAdapt_IPHONE6P_scaleL(CGFloatlevel);CGFloatAdapt_IPHONE6P_scaleV(CGFloatvertical);CGPointCGPointMakeIPHONE6PAdapt(CGFloatx,CGFloaty);CGSizeCGSizeMakeIPHONE6PAdapt(CGFloatwidth,CGFloatheight);CGRectCGRectMakeIPHONE6PAdapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight);UIEdgeInsetsUIEdgeInsetsMakeIPHONE6PAdapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright);@end

UIResponder+Adapt.m

#import#pragma mark - 枚举 设计图类型/**  适配类型 设计图类型 */typedefNS_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"@implementationUIResponder(Adapt)// 比例尺kAdaptModelType kAdaptType = kAdaptTypeIPHONE5;#pragma mark - 默认选择iPhone5设计图模板CGPointCGPointMakeAdapt(CGFloatx,CGFloaty){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptCGPointMake(x,y);}CGSizeCGSizeMakeAdapt(CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptCGSizeMake( width , height );}CGRectCGRectMakeAdapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptCGRectMake(x, y, width, height);}UIEdgeInsetsUIEdgeInsetsMakeAdapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptUIEdgeInsetsMake( top, left, bottom, right);}#pragma mark - 选择适配方式#pragma mark 设计图为IPHONE4CGFloatAdapt_IPHONE4_scaleL(CGFloatlevel){    kAdaptType = kAdaptTypeIPHONE4;returnAdapt_scaleL(level);}CGFloatAdapt_IPHONE4_scaleV(CGFloatvertical){    kAdaptType = kAdaptTypeIPHONE4;returnAdapt_scaleV(vertical);}CGPointCGPointMakeIPHONE4Adapt(CGFloatx,CGFloaty){    kAdaptType = kAdaptTypeIPHONE4;returnAdaptCGPointMake(x,y);}CGSizeCGSizeMakeIPHONE4Adapt(CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE4;returnAdaptCGSizeMake( width , height );}CGRectCGRectMakeIPHONE4Adapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE4;returnAdaptCGRectMake(x, y, width, height);}UIEdgeInsetsUIEdgeInsetsMakeIPHONE4Adapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright){    kAdaptType = kAdaptTypeIPHONE4;returnAdaptUIEdgeInsetsMake( top, left, bottom, right);}#pragma mark 设计图为IPHONE5/5sCGFloatAdapt_IPHONE5_scaleL(CGFloatlevel){    kAdaptType = kAdaptTypeIPHONE5;returnAdapt_scaleL(level);}CGFloatAdapt_IPHONE5_scaleV(CGFloatvertical){    kAdaptType = kAdaptTypeIPHONE5;returnAdapt_scaleV(vertical);}CGPointCGPointMakeIPHONE5Adapt(CGFloatx,CGFloaty){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptCGPointMake(x,y); }CGSizeCGSizeMakeIPHONE5Adapt(CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptCGSizeMake( width , height );}CGRectCGRectMakeIPHONE5Adapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptCGRectMake(x, y, width, height);}UIEdgeInsetsUIEdgeInsetsMakeIPHONE5Adapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright){    kAdaptType = kAdaptTypeIPHONE5;returnAdaptUIEdgeInsetsMake( top, left, bottom, right);}#pragma mark 设计图为IPHONE6CGFloatAdapt_IIPHONE6_scaleL(CGFloatlevel){    kAdaptType = kAdaptTypeIPHONE6;returnAdapt_scaleL(level);}CGFloatAdapt_IPHONE6_scaleV(CGFloatvertical){    kAdaptType = kAdaptTypeIPHONE6;returnAdapt_scaleV(vertical);}CGPointCGPointMakeIPHONE6Adapt(CGFloatx,CGFloaty){    kAdaptType = kAdaptTypeIPHONE6;returnAdaptCGPointMake(x,y);}CGSizeCGSizeMakeIPHONE6Adapt(CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE6;returnAdaptCGSizeMake( width , height );}CGRectCGRectMakeIPHONE6Adapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE6;returnAdaptCGRectMake(x, y, width, height);}UIEdgeInsetsUIEdgeInsetsMakeIPHONE6Adapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright){    kAdaptType = kAdaptTypeIPHONE6;returnAdaptUIEdgeInsetsMake( top, left, bottom, right);}#pragma mark 设计图为IPHONE6PCGFloatAdapt_IPHONE6P_scaleL(CGFloatlevel){    kAdaptType = kAdaptTypeIPHONE6P;returnAdapt_scaleL(level);}CGFloatAdapt_IPHONE6P_scaleV(CGFloatvertical){    kAdaptType = kAdaptTypeIPHONE6P;returnAdapt_scaleV(vertical);}CGPointCGPointMakeIPHONE6PAdapt(CGFloatx,CGFloaty){    kAdaptType = kAdaptTypeIPHONE6P;returnAdaptCGPointMake(x,y);}CGSizeCGSizeMakeIPHONE6PAdapt(CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE6P;returnAdaptCGSizeMake( width , height );}CGRectCGRectMakeIPHONE6PAdapt(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight){    kAdaptType = kAdaptTypeIPHONE6P;returnAdaptCGRectMake(x, y, width, height);}UIEdgeInsetsUIEdgeInsetsMakeIPHONE6PAdapt(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright){    kAdaptType = kAdaptTypeIPHONE6P;returnAdaptUIEdgeInsetsMake( 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);}CGFloatAdapt_scaleL(CGFloatlevel){CGFloatscale_L = Adapt_PROPORTION_IPHONE_5_WIDTH;switch(kAdaptType) {casekAdaptTypeIPHONE4:        scale_L = Adapt_PROPORTION_IPHONE_4_WIDTH;break;casekAdaptTypeIPHONE6:        scale_L = Adapt_PROPORTION_IPHONE_6_WIDTH;break;casekAdaptTypeIPHONE6P:        scale_L = Adapt_PROPORTION_IPHONE_6_PLUS_WIDTH;break;default:break;}returnlevel*scale_L;}CGFloatAdapt_scaleV(CGFloatvertical){returnAdapt_scaleL(vertical);}#pragma mark adaptCGPointAdaptCGPointMake(CGFloatx,CGFloaty){returnCGPointMake(Adapt_scaleL(x), Adapt_scaleV(y));}CGSizeAdaptCGSizeMake(CGFloatwidth,CGFloatheight){returnCGSizeMake( Adapt_scaleL(width) , Adapt_scaleV(height));}CGRectAdaptCGRectMake(CGFloatx,CGFloaty,CGFloatwidth,CGFloatheight){returnCGRectMake(Adapt_scaleL(x), Adapt_scaleV(y), Adapt_scaleL(width), Adapt_scaleV(height));}UIEdgeInsetsAdaptUIEdgeInsetsMake(CGFloattop,CGFloatleft,CGFloatbottom,CGFloatright){returnUIEdgeInsetsMake(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);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容