布局的三種方式

1.frame絕對布局
2.frame + autoResizing布局
3.autoLayout

frame

原始位置
redView：frame(0,0,300,300) bounds:(0,0,300,300)
blueView：frame(0,0,100,100) bounds:(0,0,100,100)

1.1.png

1. *修改父view的bounds.orgin的值健芭，父view的位置不會修改县钥，子view在父view中顯示的位置會改變，但相應的位置信息不會改變慈迈。修改子view的bounds.orgin不會影響父view的位置若贮。
   修改redView的bounds為(-20,-20,300,300)，效果如圖1.2

   
   
   1.2.png

2. 修改父view的bounds.size的值痒留，父view的center不變谴麦，frame相應改變。
   修改redView的bounds為(0,0,150,150)伸头，效果如圖1.3

   
   
   1.3.png

autoResizing

    @property(nonatomic) BOOL autoresizesSubviews; // default is YES. if set, subviews are adjusted according to their autoresizingMask if self.bounds changes
    @property(nonatomic) UIViewAutoresizing autoresizingMask; // simple resize. default is 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
    };

使用autoresizing需要在stroyboard等可視化界面中匾效，F(xiàn)ile inspector下，取消Use Size Class選項恤磷。

2.1.png

1. autoResizing可以使view根據(jù)實際的屏幕尺寸面哼，來自動調整 子控件和父控件之間的間距/子空間的寬高。不能用來設置同級視圖之間的位置關系(iOS6之后的autoLayout可以設置任意兩個控件之間的關系)扫步。

2. Autoresizing欄魔策，外部四條邊用來設置view的top/left/bottom/right和其父視圖的間距是否固定，內部的兩條邊用來設置view的width/height是否會隨著父視圖尺寸的改變自動調整河胎。

   
   
   2.2.png

3. autoResizing必須在320x480的屏幕上初始化布局闯袒，否則在比例縮放時會發(fā)生錯誤。因為autoResizing是在Retina顯示屏出現(xiàn)之前游岳，主要用來做橫豎屏適配的政敢。

autoLayout

使用autoresizing需要在stroyboard等可視化界面中，F(xiàn)ile inspector下勾選Use Auto Layout胚迫。

3.1.png

1. iOS6系統(tǒng)下出現(xiàn)autoLayout布局堕仔，通過添加約束對象，可以設置任何控件之間的關系晌区。
2. autoLayout引用的目的是替代autoResizing的使用，所以需要關閉autoResizing的屬性通贞。
3. Constrain to margins
   Xcode 8.0版本朗若，視圖與ViewController根視圖之間 左右間距的系統(tǒng)推薦的間距值為 16pt。在Xcode 8.0 之前版本昌罩，推薦間距值為 20pt哭懈。
   Xcode 8.0 版本及之前版本，兩個普通父子視圖之間 上下左右間距的系統(tǒng)推薦的間距值都為 8pt茎用。