iOS 比masonry更簡(jiǎn)單的適配（比例適配）

前言

眾所周知，masonry是基于autolayout的適配，使用起來還是相對(duì)來說比較簡(jiǎn)單的。但是由于本人更傾向于比例適配（因?yàn)橹g學(xué)過一段時(shí)間Android，對(duì)Android中的比例適配比較喜歡)所以一直以來都用比例適配,最近幾天朋友給我了一個(gè)自己寫的demo，正好借著前幾天剛學(xué)習(xí)的UIResponder給大家講解一下這個(gè)demo,希望對(duì)大家有幫助。在此也對(duì)我這個(gè)朋友，表示崇高的敬意。

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

首先我們可以根據(jù)CGRectmake（……）方法跳轉(zhuǎn)至CGGeometry.h可以看到我們平時(shí)所用的一些常用方法，例如：

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

對(duì)于這些方法，不做太多解釋，相信只要爬一下文檔，就可以簡(jiǎn)單的使用。這里呢，借圖簡(jiǎn)單的說明一下。

CGGeometry.png
思考

那么看到這里，如何寫一個(gè)適配文件，供全局調(diào)用呢?
其實(shí)寫一個(gè)category去擴(kuò)展這個(gè)類，然后去添加一個(gè)pch文件，在pch文件中#import就可以實(shí)現(xiàn)調(diào)用。其實(shí)這樣子的思維就比較局限了，大家可以試想，一般去設(shè)置坐標(biāo)的絕對(duì)是一個(gè)UIView，那么是不是只要去擴(kuò)展UIView的父類，就可以讓所有的UIView去按照category中的方法進(jìn)行布局？答案是肯定的。所以前幾天介紹的UIResponder便派上了用場(chǎng)。我們可以去擴(kuò)展UIResponder去實(shí)現(xiàn)布局。廢話不多說，上代碼：
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>

/** 適配 與設(shè)計(jì)圖物理寬度比較 */
@interface UIResponder (Adapt)

#pragma mark - 默認(rèn)模式為iPhone5的設(shè)計(jì)圖

/*!
 @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 設(shè)計(jì)圖為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 設(shè)計(jì)圖為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 設(shè)計(jì)圖為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 設(shè)計(jì)圖為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 - 枚舉 設(shè)計(jì)圖類型
/**  適配類型 設(shè)計(jì)圖類型 */
typedef NS_ENUM(NSInteger, kAdaptModelType) {
 /**  5/5s設(shè)計(jì)圖適配 */
kAdaptTypeIPHONE5   = 0 ,
/**  6設(shè)計(jì)圖適配 */
kAdaptTypeIPHONE6   = 1,
/**  6+設(shè)計(jì)圖適配 */
kAdaptTypeIPHONE6P  = 2,
/**  4設(shè)計(jì)圖適配 */
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

/** 
 比例數(shù)據(jù)    供參考

 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

 // 選擇適配方法為 : 比例尺 =  設(shè)備屏幕物理尺寸寬/設(shè)計(jì)圖物理尺寸寬 (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 - 默認(rèn)選擇iPhone5設(shè)計(jì)圖模板

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 設(shè)計(jì)圖為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 設(shè)計(jì)圖為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 設(shè)計(jì)圖為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 設(shè)計(jì)圖為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

這些代碼其實(shí)不難，但是整理出來還是需要一番功夫的，所以應(yīng)該向我的那位朋友致敬：曾墨
引用很簡(jiǎn)單，首先得導(dǎo)入頭文件，在這里呢，建議建立pch文件一次性導(dǎo)入，然后呢，你會(huì)發(fā)現(xiàn)，你可以通過絕對(duì)布局，實(shí)現(xiàn)所有屏幕的適配，最主要的是：方法還跟以前超級(jí)類似：主要調(diào)用這幾個(gè)方法：
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)；

歡迎關(guān)注我的個(gè)人微信公眾號(hào)，免費(fèi)送計(jì)算機(jī)各種最新視頻資源！你想象不到的精彩！


0.jpg
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本文轉(zhuǎn)自一個(gè)朋友 Peak_One（簡(jiǎn)書作者）自認(rèn)為寫的真不錯(cuò)，果斷轉(zhuǎn)了?。?！ 原文鏈接：http://www.j...
    微pk笑閱讀 1,673評(píng)論 3贊 4
  • 第一次寫，相當(dāng)于一個(gè)日記吧 轉(zhuǎn)載UI適配的，怕自己將來忘記，準(zhǔn)備做一個(gè)Demo 前言 眾所周知，masonry是基...
    Little_Shaun閱讀 306評(píng)論 0贊 0
  • *7月8日上午 N:Block ：跟一個(gè)函數(shù)塊差不多，會(huì)對(duì)里面所有的內(nèi)容的引用計(jì)數(shù)+1，想要解決就用__block...
    炙冰閱讀 2,728評(píng)論 1贊 14
  • 轉(zhuǎn)載:http://www.cocoachina.com/swift/20161201/18198.html 前言...
    F麥子閱讀 4,504評(píng)論 2贊 8
  • 1，NSObject中description屬性的意義，它可以重寫嗎?答案：每當(dāng) NSLog(@"")函數(shù)中出現(xiàn) ...
    eightzg閱讀 4,340評(píng)論 2贊 19

友情鏈接更多精彩內(nèi)容