前言
眾所周知,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);
對于這些方法,不做太多解釋,相信只要爬一下文檔,就可以簡單的使用。這里呢,借圖簡單的說明一下。
思考
那么看到這里,如何寫一個適配文件,供全局調用呢?
其實寫一個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);
歡迎關注我的個人微信公眾號,免費送計算機各種最新視頻資源!你想象不到的精彩!