最近準(zhǔn)備學(xué)習(xí)OC,先簡(jiǎn)單地搜索一下屏幕適配，發(fā)現(xiàn)沒(méi)有特別省事的適配方法，決定按照android適配的方法簡(jiǎn)單地寫(xiě)一個(gè)適配方案。希望有人可以受到啟發(fā)，寫(xiě)出一套懶人適配方案，還請(qǐng)記得告訴我一下，謝謝。另外，由于接觸OC不久，所以很多常識(shí)性的東西都還不懂，請(qǐng)見(jiàn)諒。
來(lái)到正文，android手機(jī)的屏幕千奇百怪，推薦鴻洋大神的百分比自動(dòng)適配方案：
核心原理
原則上來(lái)說(shuō)知道了控件寬度和高度以及左邊距和上邊距就可以確定一個(gè)控件。
目前我選取的方式是使用storyboard拖拽控件布局，因?yàn)橥献Ш芸臁?/p>
首先假設(shè)我們的設(shè)計(jì)圖是750x1334,然后我們根據(jù)設(shè)計(jì)圖拖拽控件，設(shè)置好控件的寬度和高度，然后設(shè)置依賴關(guān)系即可。上面提到我們只需要設(shè)置寬度、高度、左邊距和上邊距就可以確定一個(gè)控件。我們直接往默認(rèn)的ViewController對(duì)應(yīng)的main.storyboard上拖拽一個(gè)UIButton。設(shè)置寬度為200，高度100，距離屏幕左邊40，屏幕頂部50。
首先獲取屏幕寬度與高度，6s的屏幕尺寸也是750x1334,在6s上的寬度縮放比例wRate =750 /750=1,高度縮放比例hRate=1334/1334=1。SE的屏幕尺寸是640x1138,寬度縮放比例wRate=640/750,高度縮放比例hRate=1138/1334。
高度和寬度
我們首先處理View的寬度與高度。每一個(gè)view都有寬度與高度，如果明確指定了寬度與高度的約束，那么我們就可以拿到寬度與高度的值；如果沒(méi)有指定，我們拿不到寬度與高度的值，那么我們不需要處理，系統(tǒng)會(huì)處理好。
比如我們指定一個(gè)buttonA，寬度50，高度60，左邊距40，上邊距50，那么我們就可以通過(guò)NSLayoutAttributeWidth和NSLayoutAttributeHeight約束拿到50和60。
//所有的view都需要適配寬高
NSArray* constrains = view.constraints;
for (NSLayoutConstraint* constraint in constrains) {CGFloat temp =constraint.constant; if(temp!=0){if (constraint.firstAttribute == NSLayoutAttributeHeight) {printf("適配前高度的約束--%f\n",constraint.constant);constraint.constant = temp * hRate;printf("適配后高度的約束--%f\n",constraint.constant);}else if(constraint.firstAttribute == NSLayoutAttributeWidth){printf("適配前寬度的約束--%f\n",constraint.constant);constraint.constant = temp * wRate;printf("適配后寬度的約束--%f\n",constraint.constant);}}
}
上下左右邊距
然后處理VIew的上下左右邊距，我們把所有的邊距處理都交給父View,在父View里可以得到所有的依賴關(guān)系。
NSArray* constrains = view.constraints;
for (NSLayoutConstraint* constraint in constrains) {CGFloat temp=constraint.constant;if(temp!=0){//這里只需要判斷firstAttribute即可//因?yàn)閘eading只可能跟leading或者trailing有關(guān)系，都是水平的if (constraint.firstAttribute == NSLayoutAttributeLeading|| constraint.firstAttribute == NSLayoutAttributeTrailing) {printf("find width\n");constraint.constant = temp * wRate;//左右水平縮放}else if(constraint.firstAttribute ==NSLayoutAttributeTop||constraint.firstAttribute == NSLayoutAttributeBottom){printf("find heihgt\n");constraint.constant = temp * hRate;//上下豎直縮放}}
}
通過(guò)處理View的寬度、高度、上下左右邊距就可以確定View。當(dāng)然繪制View的時(shí)候系統(tǒng)可能會(huì)對(duì)小數(shù)點(diǎn)進(jìn)行截?cái)?#xff0c;比如button縮放之后的寬度可能是200.66666667,系統(tǒng)只繪制了200.5,如果布局要求特別精準(zhǔn)的話需要特別處理。
從1到100
上面我們已經(jīng)可以確定一個(gè)View的位置以及尺寸，接下來(lái)我們要做的就是確定每一個(gè)View的位置以及尺寸。
我們新建一個(gè)工程，默認(rèn)的是ViewController.m。我們拖拽一個(gè)UIButton到main.storyboard，設(shè)置寬度200，高度100，左邊距40，上邊距50，傳入viewController.view,首先縮放viewController.view的寬度與高度。然后縮放viewController.view與UIButton的依賴。
至此，View的位置、大小都已經(jīng)處理完畢。然后我們還需要處理字體、內(nèi)邊距、圓角等。
適配字體
UIButton、UITextView、UILabel、UITextField等需要適配字體，這些和寬高一樣屬于View的自身屬性，與其他的View沒(méi)有關(guān)系。所以可以和處理寬高寫(xiě)在一起。
if([view isKindOfClass:[UIButton class]]){UIButton *button=(UIButton *)view;[self autoUIButton:button:wRate:hRate];}else if([view isKindOfClass:[UILabel class]]){UILabel *label = (UILabel *)view;[self autoUILabel:label:wRate :hRate];}else if([view isKindOfClass:[UITextField class]]){UITextField *textField = (UITextField *)view;[self autoUITextField:textField :wRate :hRate];}else if([view isKindOfClass:[UITextView class]]){UITextView *textView = (UITextView *)view;[self autoTextView:textView :wRate :hRate];}else if([view isKindOfClass:[UIImageView class]]){UIImageView *imageView = (UIImageView *)view;[self autoUIImageView:imageView :wRate :hRate];}
對(duì)每一種View需要單獨(dú)處理：比如UIButton、UITextView等需要處理字體大小。
圖片處理
iOS在設(shè)置圖片寬高時(shí)可以直接指定寬高的比例，這一點(diǎn)很贊。不用擔(dān)心原本寬高一樣的圖片縮放后變形。
狀態(tài)欄處理
由于iphoneX的狀態(tài)欄高度和之前的手機(jī)狀態(tài)欄不一樣，所以適配時(shí)需要考慮到狀態(tài)欄高度。可以把原本的設(shè)計(jì)圖尺寸高度減去狀態(tài)欄的高度當(dāng)作標(biāo)準(zhǔn)，比如原本750*1334的設(shè)計(jì)圖，減去狀態(tài)欄高度后就是750 * 1294，當(dāng)然一直對(duì)應(yīng)獲取屏幕高度是也要減去狀態(tài)欄高度，這樣縮放比例才是正常的。
導(dǎo)航欄處理
和狀態(tài)欄處理類(lèi)似，減去系統(tǒng)導(dǎo)航欄的高度再進(jìn)行縮放。沒(méi)有測(cè)試過(guò)每一個(gè)手機(jī)的導(dǎo)航欄高度是多少，之后會(huì)測(cè)試一下每一個(gè)手機(jī)。如果有tabbar的話，處理也是類(lèi)似。
后續(xù)改進(jìn)
至此我們已經(jīng)可以完成基本布局的適配， 后續(xù)還需要適配UIButton等的背景圖片，距離水平中心20等特殊屬性，性能方面還需要測(cè)試。
有些東西沒(méi)說(shuō)明白的，可以去通過(guò)上面的連接去查看鴻洋大神的介紹，雖然是Android,不過(guò)道理是一樣的。
代碼很亂，之后會(huì)改進(jìn)，輕噴。
//
#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
#import <math.h>@interface AutoUtils : NSObject@property float designWidth;//設(shè)計(jì)寬
@property float designHeight;//設(shè)計(jì)高
@property float _wRate;//寬拉伸比例
@property float _hRate;//高拉伸比例/**初始化todo 加入對(duì)tabbar的處理@param designWidth 設(shè)計(jì)圖尺寸的寬度@param designHeight 設(shè)計(jì)圖尺寸的高度(不包含狀態(tài)欄)*/
+(void)initAuto:(float) designWidth:(float) designHeight;/**適配UIViewController這個(gè)方法主要是為了之后處理UINavigationBar、UITabBar*/
+(void)autoUIViewController:(UIViewController *)viewController;/***//**適配UIViewController這個(gè)方法主要是為了之后處理UINavigationBar、UITabBar@param viewController UIViewController對(duì)象@param hasNavigationBar 是否有NavigationBar@param hasTabBar 是否有TabBar*/
+(void)autoUIViewController:(UIViewController *)viewController:(Boolean)hasNavigationBar
:(Boolean)hasTabBar;/**獲取navigationbar高度@return float*/
+(float)getNavigationBarHeight:(UIViewController *)viewController;/**獲取tabbar高度@return float*/
+(float)getTabBarHeight:(UIViewController *)viewController;/**適配普通的View@param view void*/
+(void)autoView:(UIView *)view;/**縮放后的寬度@param viewWidth 要縮放View的寬度@param designWidth 設(shè)計(jì)圖的寬度尺寸 例如375@return <#return value description#>*/
+(float)getDisplayWidth:(float) viewWidth:(float) designWidth;/**Description 縮放后的高度@param viewHeight 要縮放的View的高度@param designHeight 設(shè)計(jì)圖的高度尺寸，去掉狀態(tài)之后的高度 例如647@return <#return value description#>*/
+(float)getDisplayHeight:(float) viewHeight:(float) designHeight;
/**含有子View的View,需要處理子View之間以及子View與父View的距離*/
+(void)autoRelatives:(UIView *)view:(float)wRate:(float)hRate;/**不含有子View的View 處理自身的寬高信息@param view <#view description#>*/
+(void)autoSelf:(UIView *)view:(float)wRate:(float)hRate;/**適配button@param button 要適配的button@param wRate 水平方向拉伸比例@param hRate 豎直方向拉伸比例*/
+(void)autoUIButton:(UIButton *)button:(float)wRate:(float)hRate;/**適配textView@param textView 要適配的textView@param wRate 水平方向拉伸比例@param hRate 豎直方向拉伸比例*/
+(void)autoTextView:(UITextView *)textView:(float)wRate:(float)hRate;/**適配label@param label 要適配的label@param wRate 水平方向拉伸比例@param hRate 豎直方向拉伸比例*/
+(void)autoUILabel:(UILabel *)label:(float)wRate:(float)hRate;/**適配textField@param textField 要適配的textField@param wRate 水平方向拉伸比例@param hRate 豎直方向拉伸比例*/
+(void)autoUITextField:(UITextField *)textField:(float)wRate:(float)hRate;/**適配imageView如果寬高都按照寬縮放，那么固定寬度（如50），高度通過(guò)設(shè)置aspect ratio同理寬高都按照高縮放，那么固定高度（如50），寬度通過(guò)設(shè)置aspect ratio如果寬按寬縮放，高按照高縮放，那么設(shè)置寬高的值即可@param textField 要適配的imageView@param wRate 水平方向拉伸比例@param hRate 豎直方向拉伸比例*/
+(void)autoUIImageView:(UIImageView *)imageView:(float)wRate:(float)hRate;
@end//
// AutoUtils.m
// ScreenPercent
//
// Created by D on 2018/2/1.
// Copyright ? 2018年 D. All rights reserved.
//#import "AutoUtils.h"//默認(rèn)的設(shè)計(jì)圖尺寸
static float designWidth = 375.0;
static float designHeight = 667.0;
//屏幕顯示區(qū)域的寬高
static float displayWidth = 0;
static float displayHeight = 0;//只去除狀態(tài)欄的高度后的縮放比例
static float designWidthRate = 0;
static float designHeightRate = 0;static float textRate = 0;//暫時(shí)不考慮navigationbar和tabbar等的影響，目前只適配基本控件@implementation AutoUtils+(void)initAuto:(float)designW:(float)designH{//設(shè)計(jì)圖尺寸designWidth = designW;designHeight = designH;//導(dǎo)航欄高度displayWidth =[UIScreen mainScreen].bounds.size.width;displayHeight = [UIScreen mainScreen].bounds.size.height;//計(jì)算縮放比例designWidthRate = displayWidth / designWidth;designHeightRate= displayHeight / designHeight;textRate =displayWidth /designWidth;
// textRate =hypotf(displayWidth,displayHeight) /hypotf(designWidth,designHeight);
}
+(void)autoUIViewController:(UIViewController *)viewController{[self autoUIViewController:viewController :false :false];
}+(void)autoUIViewController:(UIViewController *)viewController :(Boolean)hasNavigationBar :(Boolean)hasTabBar{float navigationBarHeight = 0;float tabBarheight = 0;if(hasNavigationBar){navigationBarHeight = [self getNavigationBarHeight:viewController];}if(hasTabBar){tabBarheight = [self getTabBarHeight:viewController];}[self autoSelf:viewController.view:designWidthRate:designHeightRate];[self autoRelatives:viewController.view:designWidthRate:designHeightRate];
//
}
+(void)autoView:(UIView *)view{[self autoSelf:view:designWidthRate:designHeightRate];//處理自己的寬高//有子View[self autoRelatives:view:designWidthRate:designHeightRate];//處理
}+(void)autoRelatives:(UIView *)view :(float)wRate :(float)hRate{//必須有子ViewNSArray *subviews = [view subviews];if ([subviews count] == 0){return;}//適配子View之間的間距，適配子View與自己的間距//目前只處理上下左右的間距NSArray* constrains = view.constraints;
// printf("最外層的contrains count--%lu\n",constrains.count);
// printf("NSLayoutAttributeLeft%lu\n",NSLayoutAttributeLeft);
//printf("NSLayoutAttributeRight%lu\n",NSLayoutAttributeRight); printf("NSLayoutAttributeTop%lu\n",NSLayoutAttributeTop); printf("NSLayoutAttributeBottom%lu\n",NSLayoutAttributeBottom); printf("NSLayoutAttributeLeading%lu\n",NSLayoutAttributeLeading); printf("NSLayoutAttributeTrailing%lu\n",NSLayoutAttributeTrailing); printf("NSLayoutAttributeWidth%lu\n",NSLayoutAttributeWidth); printf("NSLayoutAttributeHeight%lu\n",NSLayoutAttributeHeight); printf("NSLayoutAttributeCenterX%lu\n",NSLayoutAttributeCenterX);
//printf("NSLayoutAttributeCenterY%lu\n",NSLayoutAttributeCenterY);
// printf("NSLayoutAttributeLastBaseline%lu\n",NSLayoutAttributeLastBaseline);
//
// printf("stop\n");for (NSLayoutConstraint* constraint in constrains) {
// printf("%lu--%lu--%f\n",constraint.firstAttribute,constraint.secondAttribute,constraint.constant);CGFloat temp=constraint.constant;if(temp!=0){//這里只需要判斷firstAttribute即可//因?yàn)閘eading只可能跟leading或者trailing有關(guān)系，都是水平的if (constraint.firstAttribute == NSLayoutAttributeLeading|| constraint.firstAttribute == NSLayoutAttributeTrailing) {printf("find width\n");constraint.constant = temp * wRate;//左右水平縮放}else if(constraint.firstAttribute ==NSLayoutAttributeTop||constraint.firstAttribute == NSLayoutAttributeBottom){printf("find heihgt\n");constraint.constant = temp * hRate;//上下豎直縮放}}}//接著循環(huán)遍歷處理每一個(gè)子Viewfor (UIView *subview in subviews) {[self autoView:subview];}
}+(void)autoSelf:(UIView *)view:(float)wRate:(float)hRate{printf("------View自己的屬性------\n");printf("NSLayoutAttributeLeft%lu\n",NSLayoutAttributeLeft);printf("NSLayoutAttributeRight%lu\n",NSLayoutAttributeRight); printf("NSLayoutAttributeTop%lu\n",NSLayoutAttributeTop); printf("NSLayoutAttributeBottom%lu\n",NSLayoutAttributeBottom); printf("NSLayoutAttributeLeading%lu\n",NSLayoutAttributeLeading); printf("NSLayoutAttributeTrailing%lu\n",NSLayoutAttributeTrailing); printf("NSLayoutAttributeWidth%lu\n",NSLayoutAttributeWidth); printf("NSLayoutAttributeHeight%lu\n",NSLayoutAttributeHeight); printf("NSLayoutAttributeCenterX%lu\n",NSLayoutAttributeCenterX);printf("NSLayoutAttributeCenterY%lu\n",NSLayoutAttributeCenterY);printf("NSLayoutAttributeLastBaseline%lu\n",NSLayoutAttributeLastBaseline);//所有的view都需要適配寬高NSArray* constrains = view.constraints;printf("最外層的contrains count--%lu\n",constrains.count);for (NSLayoutConstraint* constraint in constrains) {CGFloat temp =constraint.constant;printf("constant is %ld =%f\n",constraint.firstAttribute,temp);if(temp!=0){if (constraint.firstAttribute == NSLayoutAttributeHeight) {printf("適配前高度的約束--%f\n",constraint.constant);constraint.constant = temp * hRate;printf("適配后高度的約束--%f\n",constraint.constant);}else if(constraint.firstAttribute == NSLayoutAttributeWidth){printf("適配前寬度的約束--%f\n",constraint.constant);constraint.constant = temp * wRate;printf("適配后寬度的約束--%f\n",constraint.constant);}}}//是否buttonif([view isKindOfClass:[UIButton class]]){UIButton *button=(UIButton *)view;[self autoUIButton:button:wRate:hRate];printf("------以上時(shí)UIButton自己的屬性------\n");}else if([view isKindOfClass:[UILabel class]]){UILabel *label = (UILabel *)view;[self autoUILabel:label:wRate :hRate];printf("-----以上時(shí)UILabel自己的屬性------\n");}else if([view isKindOfClass:[UITextField class]]){UITextField *textField = (UITextField *)view;[self autoUITextField:textField :wRate :hRate];printf("------以上時(shí)UITextField自己的屬性------\n");}else if([view isKindOfClass:[UITextView class]]){UITextView *textView = (UITextView *)view;[self autoTextView:textView :wRate :hRate];printf("------以上是UITextView自己的屬性------\n");}else if([view isKindOfClass:[UIImageView class]]){UIImageView *imageView = (UIImageView *)view;[self autoUIImageView:imageView :wRate :hRate];printf("------以上是UIImageView自己的屬性------\n");}}+(float)getDisplayWidth:(float)viewWidth :(float)designWidth{return viewWidth * displayWidth / designWidth;}+(float)getDisplayHeight:(float)viewHeight :(float)designHeight{return viewHeight * displayHeight / designHeight;}/**目前不考慮Navigationbar的影響之后減去navigationbar高度或者對(duì)navigationbar的高度進(jìn)行適配@param viewController viewController@return 0*/+(float)getNavigationBarHeight:(UIViewController *)viewController{return 0;// return viewController.navigationController.navigationBar.frame.size.height;}/**目前不考慮tabbar的影響之后減去tabbar高度或者對(duì)tabbar的高度進(jìn)行適配@param viewController viewController@return 0*/+(float)getTabBarHeight:(UIViewController *)viewController{return 0;// return viewController.tabBarController.tabBar.frame.size.height;}+(void)autoUIButton:(UIButton *)button:(float)wRate:(float)hRate{textRate = wRate;printf("適配button\n");printf("button child view 個(gè)數(shù) %ld\n", button.subviews.count);//獲取約束NSArray* constrains = button.constraints;printf("contrains count--%lu\n",constrains.count);//適配字體float textSize =button.titleLabel.font.pointSize * textRate;button.titleLabel.font = [UIFont systemFontOfSize: textSize];}+(void)autoUILabel:(UILabel *)label :(float)wRate :(float)hRate{textRate = wRate;printf("適配label\n");printf("label child view 個(gè)數(shù) %ld\n", label.subviews.count);//適配字體float textSize =label.font.pointSize * textRate;label.font = [UIFont systemFontOfSize: textSize];}+(void)autoTextView:(UITextView *)textView :(float)wRate :(float)hRate{textRate = wRate;printf("適配textView\n");printf("textView child view 個(gè)數(shù) %ld\n", textView.subviews.count);//適配字體float textSize =textView.font.pointSize * textRate;textView.font =[UIFont systemFontOfSize: textSize];}+(void)autoUITextField:(UITextField *)textField :(float)wRate :(float)hRate{textRate = wRate;printf("適配textField\n");printf("textField child view 個(gè)數(shù) %ld\n", textField.subviews.count);//適配字體float textSize =textField.font.pointSize * textRate;textField.font =[UIFont systemFontOfSize: textSize];}+(void)autoUIImageView:(UIImageView *)imageView :(float)wRate :(float)hRate{}@end
調(diào)用
// Do any additional setup after loading the view, typically from a nib.[AutoUtils initAuto:375.0:647.0];
[AutoUtils autoUIViewController:self :false :false];
}
tableView適配
獲取cell的時(shí)候?qū)ell進(jìn)行適配即可。
總結(jié)
以上是生活随笔 為你收集整理的iOS屏幕适配 的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔 網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔 推薦給好友。
