17年的開始

第一次寫,相當于一個日記吧

轉載UI適配的,怕自己將來忘記,準備做一個Demo

前言

眾所周知,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);

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容