詳解iOS應(yīng)用開發(fā)中autoresizing尺寸自動(dòng)適應(yīng)屬性的用法
前言：現(xiàn)在已經(jīng)不像以前那樣只有一個(gè)尺寸，現(xiàn)在最少的iPhone開發(fā)需要最少需要適配三個(gè)尺寸。因此以前我們可以使用硬坐標(biāo)去設(shè)定各個(gè)控件的位置，但是現(xiàn)在的話已經(jīng)不可以了，我們需要去做適配，也許你說可以使用兩套UI或兩套以上的UI，但那樣不高效也不符合設(shè)計(jì)。iOS有兩大自動(dòng)布局利器：autoresizing 和 autolayout（autolayout是IOS6以后新增）。autoresizing是UIView的屬性，一直存在，使用也比較簡(jiǎn)單，但是沒有autolayout那樣強(qiáng)大。如果你的界面比較簡(jiǎn)單，要求的細(xì)節(jié)沒有那么高，那么你完全可以使用autoresizing去進(jìn)行自動(dòng)布局。以下會(huì)針對(duì)autoresizing進(jìn)行討論。
零、autoresizing使用前的解釋：
UIViewAutoresizing是一個(gè)枚舉類型，默認(rèn)是UIViewAutoresizingNone，也就是不做任何處理。
typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) {
UIViewAutoresizingNone = 0,
UIViewAutoresizingFlexibleLeftMargin = 1 << 0,
UIViewAutoresizingFlexibleWidth = 1 << 1,
UIViewAutoresizingFlexibleRightMargin = 1 << 2,
UIViewAutoresizingFlexibleTopMargin = 1 << 3,
UIViewAutoresizingFlexibleHeight = 1 << 4,
UIViewAutoresizingFlexibleBottomMargin = 1 << 5
};
各屬性解釋：
在這里說明一下，如果是經(jīng)常使用Storyboard/Xib設(shè)置autoresizing，那么轉(zhuǎn)變使用代碼設(shè)置autoresizing的話，容易出現(xiàn)理解錯(cuò)誤問題。比如說UIViewAutoresizingFlexibleTopMargin，也許會(huì)被誤認(rèn)為是頂部距離不變，其實(shí)是底部距離不變。這個(gè)解決辦法也很簡(jiǎn)單，只需要把使用代碼和使用Storyboard設(shè)置autoresizing，它們是相反的，只需要這樣去記就可以了。
autoresizing組合使用：
也就是枚舉中的值可以使用|隔開，同時(shí)擁有多個(gè)值的功能，可以針對(duì)不同的場(chǎng)景作不同的變化。例如：
UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin
意思是：view的寬度按照父視圖的寬度比例進(jìn)行縮放，距離父視圖頂部距離不變。
其它的組合類似，我這里就不一一列舉了。
注意：
1）view的autoresizesSubviews屬性為yes時(shí)（默認(rèn)為yes），autoresizing才會(huì)生效。
2）從XCODE6開始，Storyboard&Xib默認(rèn)是自動(dòng)布局，因此我們需要手動(dòng)調(diào)整，才能使用autoresizing。
具體操作如圖（打開Storyboard文件，你就會(huì)看到下面圖的界面）：
下面會(huì)寫一個(gè)簡(jiǎn)單的例子以給予你們更直觀的理解，并會(huì)在本文最后附上Demo下載地址，請(qǐng)繼續(xù)往下觀看噢。
Demo：
1）頂部距離父視圖距離不變
2）寬度按父視圖比例進(jìn)行拉伸
3）view與父視圖的左邊距和右邊距不變
一、使用代碼（Code）控制autoresizingMask
下面是項(xiàng)目用到的宏：
#define topSpace 64
#define kMargin 20
#define kTopViewHeight 44
#define kTopViewWidth 300
#define kTextLabelWidth 200
#define kTextLabelHeight 30
沒有做適配之前的代碼：
// 以Iphone4（320， 480）為基礎(chǔ)，設(shè)置各控件的位置
// 注意：必須所有控件都按照Iphone4（320， 480）為基礎(chǔ)初始化一次，不然按比例縮放時(shí)會(huì)發(fā)生錯(cuò)誤！
UIView *topView = [[UIView alloc] initWithFrame:CGRectMake(kMargin, topSpace, kTopViewWidth, kTopViewHeight)];
CGFloat textLabelTop = (topView.frame.size.width - kTextLabelWidth) / 2;
CGFloat textLabelWidth = (topView.frame.size.height - kTextLabelHeight) / 2;
UILabel *textLabel = [[UILabel alloc] initWithFrame:CGRectMake(textLabelTop, textLabelWidth, kTextLabelWidth, kTextLabelHeight)];
// 設(shè)置文字及居中
[textLabel setText:@"Garvey"];
[textLabel setTextAlignment:NSTextAlignmentCenter];
// 分別設(shè)置樣式
[topView setBackgroundColor:[UIColor redColor]];
[textLabel setTextColor:[UIColor whiteColor]];// 添加視圖
[topView addSubview:textLabel];
[self.view addSubview:topView];
它將會(huì)顯示：
使用autoresizing進(jìn)行界面適配：
補(bǔ)充：你可以先按其它的設(shè)備尺寸為界面上的控件初始化，因?yàn)閍utoresizing是會(huì)以父視圖的改變而改變。
// 以Iphone4（320， 480）為基礎(chǔ)，設(shè)置各控件的位置
// 注意：必須所有控件都按照Iphone4（320， 480）為基礎(chǔ)初始化一次，不然按比例縮放時(shí)會(huì)發(fā)生錯(cuò)誤！
UIView *topView = [[UIView alloc] initWithFrame:CGRectMake(kMargin, kTopSpace, kTopViewWidth, kTopViewHeight)];
CGFloat textLabelTop = (topView.frame.size.width - kTextLabelWidth) / 2;
CGFloat textLabelWidth = (topView.frame.size.height - kTextLabelHeight) / 2;
UILabel *textLabel = [[UILabel alloc] initWithFrame:CGRectMake(textLabelTop, textLabelWidth, kTextLabelWidth, kTextLabelHeight)];
// 設(shè)置文字及居中
[textLabel setText:@"Garvey"];
[textLabel setTextAlignment:NSTextAlignmentCenter];
// 分別設(shè)置樣式
[topView setBackgroundColor:[UIColor redColor]];
[textLabel setTextColor:[UIColor whiteColor]];
// 設(shè)置文字控件的寬度按照上一級(jí)視圖（topView）的比例進(jìn)行縮放
[textLabel setAutoresizingMask:UIViewAutoresizingFlexibleWidth];
// 設(shè)置View控件的寬度按照父視圖的比例進(jìn)行縮放，距離父視圖頂部、左邊距和右邊距的距離不變
[topView setAutoresizingMask:UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin];
// 添加視圖
[topView addSubview:textLabel];
[self.view addSubview:topView];
// 注意：重新設(shè)置topView位置的代碼，必須要寫在添加視圖的后面，不然autoresizing的位置計(jì)算會(huì)出錯(cuò)！
CGFloat topViewWidth = kUIScreen.size.width - kMargin * 2;
[topView setFrame:CGRectMake(kMargin, kTopSpace, topViewWidth, kTopViewHeight)];
最后顯示：
二、在Storyboard控制autoresizingMask
autoresizingMask無(wú)論是在storyboard中實(shí)現(xiàn)還是用代碼實(shí)現(xiàn)，本質(zhì)上來(lái)說就是六條線。
在storyboard中使用autoresizingMask需要將Autolayout禁用掉。
如圖：
圖中共有六條線（上下左右到外圍的距離線和內(nèi)部的兩條線）。
如果上下左右的線中的某一條選中，則表示距離父控件的邊界的距離不變。
比如圖中選中左和上的線，表示藍(lán)色view距離self.view的左邊界和上邊界的距離不變。
如果同時(shí)選中上下左右的線，那么行為會(huì)和選中上左的線是一樣的，也就是默認(rèn)的行為。
如果想讓子控件尺寸跟隨父控件尺寸改變而改變，那么需要用到內(nèi)部的兩條線。內(nèi)部的線表示允許控件在水平和垂直方向上可拉伸。如果不選中內(nèi)部的線，說明是不希望控件可拉伸的，也就是固定大小的。
也就是說，周圍的線選中表示固定距離，內(nèi)部的線選中表示允許拉伸。
如果用代碼設(shè)置autoresizingMask，會(huì)發(fā)現(xiàn)一個(gè)view的autoresizingMask屬性是一個(gè)枚舉：
UIViewAutoresizingNone = 0,
UIViewAutoresizingFlexibleLeftMargin = 1 << 0,
UIViewAutoresizingFlexibleWidth = 1 << 1,
UIViewAutoresizingFlexibleRightMargin = 1 << 2,
UIViewAutoresizingFlexibleTopMargin = 1 << 3,
UIViewAutoresizingFlexibleHeight = 1 << 4,
UIViewAutoresizingFlexibleBottomMargin = 1 << 5
除了第一個(gè)是None，剩下的六個(gè)就對(duì)應(yīng)storyboard中的六條線。
注意上面
UIViewAutoresizingFlexibleWidth
UIViewAutoresizingFlexibleHeight
這是正好和storyboard中設(shè)置autoresizingMask中內(nèi)部的兩天線是一致的：可拉伸的寬度和高度。
剩下的需要注意一下：
UIViewAutoresizingFlexibleLeftMargin
UIViewAutoresizingFlexibleRightMargin
UIViewAutoresizingFlexibleTopMargin
UIViewAutoresizingFlexibleBottomMargin
在storyboard中，如果選中周圍的線，表示距離固定。比如我選中了左邊的線，那么表示我想要左邊的距離固定，所以在代碼中我應(yīng)該選擇UIViewAutoresizingFlexibleRightMargin，即表示右邊的距離不固定，那么則默認(rèn)左邊的距離固定。
autoresizingMask的缺點(diǎn)是只能保證父控件和子控件間的關(guān)系，無(wú)法保證同級(jí)控件間的關(guān)系，也就是說有些需求，autoresizingMask是無(wú)法實(shí)現(xiàn)的。更多的精力應(yīng)該放在Autolayout上。
相關(guān)文章
針對(duì)iOS開發(fā)的一些Xcode使用技巧小結(jié)
這篇文章主要介紹了針對(duì)iOS開發(fā)的一些Xcode使用技巧小結(jié),Xcode是Mac上編寫iOS應(yīng)用的開發(fā)環(huán)境,需要的朋友可以參考下2015-12-12
IOS實(shí)現(xiàn)點(diǎn)擊滑動(dòng)抽屜效果
這篇文章主要為大家詳細(xì)介紹了IOS實(shí)現(xiàn)點(diǎn)擊滑動(dòng)抽屜效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要為大家介紹了ios開發(fā) try-catch引起的野指針問題排查，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
iOS三級(jí)聯(lián)動(dòng)選擇器的實(shí)現(xiàn)代碼示例
本篇文章主要介紹了iOS三級(jí)聯(lián)動(dòng)選擇器的實(shí)現(xiàn)代碼示例，這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下2017-09-09
本文主要介紹了iOS使用Charts框架繪制折線圖的方法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了iOS自定義時(shí)間滾動(dòng)選擇控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-04-04
本篇文章主要介紹了iOS11新特性之在你的APP中使用LargeTitle，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-12-12
這篇文章主要介紹了IOS中UIWebView的使用詳解，涉及到初始化與三種加載方式，一些常用的屬性和變量及ios7中的一些新特征，本文介紹的非常詳細(xì)，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
iOS開發(fā)中Quartz2D控制圓形縮放和實(shí)現(xiàn)刷幀效果
這篇文章主要介紹了iOS開發(fā)中Quartz2D控制圓形縮放和實(shí)現(xiàn)刷幀效果的方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12
iOS 11更新后及iPhone X推出后工程中遇到的問題及適配方法
這篇文章主要介紹了iOS 11更新后及iPhone X推出后工程中遇到的問題及適配,需要的朋友可以參考下2017-10-10