iOS自動布局之autoresizingi

標籤：

對於iOS的app開發人員來說，不會像Android開發人員一樣為很多的螢幕尺寸來做介面適配，因此硬式編碼座標也能工作良好，但是從設計模式上來說這不是好的做法。而且也還有一些問題，如iPhone5的適配，橫豎屏的切換等。或許你可以做兩套UI方案來做適配，但是這樣增加重複工作量，而且不夠高端，萬一有出新的螢幕大小了呢。哲理就將介紹iOS中的兩大自動布局利器：Autoresizing 和 Autolayout。 autoresizing是UIView的屬性，一直都有，使用簡單，但是沒有autolayout強大。autolayout是IOS6以後的新技術，更加強大。本文主要介紹Autoresizing的特性和用法。

1. Autoresizing特性

當UIView的autoresizesSubviews是YES時，（預設是YES）, 那麼在其中的子view會根據它自身的autoresizingMask屬性來自動適應其與superView之間的位置和大小。

autoresizingMask是一個枚舉類型, 預設是UIViewAutoresizingNone, 也就是不會autoresize：

123456789

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};

這個枚舉類型，使用了 1 << n 這樣的寫法來定義，代表了它可以複選。如果你不明白為什麼，可以複習下“位元運算”。 那麼這些值分別代表什麼意思呢？

其實如何理解這幾個值很簡單，那就是從xib裡面看。 我們在一個xib檔案中，取消勾選autolayout，(預設使用autolayout時，autoresizing看不到)。那麼我們可以在布局那一欄看到如何設定autoresizing.

說明了在xib中設定的這些線條和實際屬性對應的關係，這其中需要注意的是，其中4個margin虛線才代表設定了該值，而width和height是實線代表設定了該值，不能想當然的理解。

這些項分別代表：

 

autoresizingMask是子視圖的左、右、上、下邊距以及寬度和高度相對於父視圖按比例變化，例如：

 

UIViewAutoresizingNone 不自動調整。

UIViewAutoresizingFlexibleLeftMargin 自動按比例調整與superView左邊的距離，且與superView右邊的距離不變。

UIViewAutoresizingFlexibleRightMargin 自動按比例調整與superView的右邊距離，且與superView左邊的距離不變。

UIViewAutoresizingFlexibleTopMargin  自動按比例調整與superView的頂部距離，且與superView底部的距離不變。

UIViewAutoresizingFlexibleBottomMargin 自動按比例調整與superView的底部距離，且與superView頂部的距離不變。

UIViewAutoresizingFlexibleWidth 自動按比例調整寬度。

UIViewAutoresizingFlexibleHeight 自動按比例調整高度。

UILabel*    label = [[UILabel alloc] initWithFrame:CGRectMake(50, 100, 200, 40)];

[label setAutoresizingMask: UIViewAutoresizingNone];  控制項相對於父視圖座標值不變   

CGRectMake(50, 100, 200, 40)UIViewAutoresizingFlexibleWidth：控制項的寬度隨著父視圖的寬度按比例改變    例如label寬度為 100     螢幕的寬度為320          當螢幕寬度為480時      label寬度  變為  100*480/320

 

以上這些都較易理解, 但是autoresizing還有一些組合情境。那就是組合使用的情境。

autoresizingMask	說明	xib預覽效果
None	view的frame不會隨superview的改變而改變（右圖的xib中預覽效果與實際效果有差，實際效果是view的上邊距不變）
TopMargin | BottomMargin	view與其superView的上邊距和下邊距的比例維持不變
LeftMargin | RightMargin	view與其superView的左邊距和右邊距的比例維持不變（右圖的xib中預覽效果與實際效果有差，實際效果是view的上邊距不變）
LeftMargin | RightMargin | TopMargin | BottomMargin	view與其superView的上下左右邊距的比例維持不變
LeftMargin | Width	view與其superView的右邊距的比例維持不變, 左邊距和width按比例調整（右圖的xib中預覽效果與實際效果有差，實際效果是view的上邊距不變）
LeftMargin | Width | RightMargin	左邊距、右邊距、寬按比例調整，（右圖的xib中預覽效果與實際效果有差，實際效果是view的上邊距不變）垂直方向是同樣效果，故不列舉
Width | Height	自動調整view的寬和高，保證上下左右邊距不變。如把tableView設定為此屬性，那麼無論viewController的view是多大，都能自動鋪滿

上面並未列舉所有組合情境，但是已經足夠我們理解 autoresizing 了。

2. 小結

Autoreszing的最常見的實用情境就是iPhone5的相容了。比如我們想要設定tableView的frame，那我們只需要在初始化設定frame之後將tableView的autoresizingMask設定為UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight 就行了。

另一種比如我們想要一個view一直停留在其superview的最下方，那麼我們在初始化設定frame之後只需要將autoresizingMask設定為UIViewAutoresizingFlexibleTopMargin 就可以了。

autorezingMask簡單的一個屬性，理解它之後可以讓很多事情變得簡單。

iOS自動布局之autoresizingi