iOS 自动布局

1. stroyBoard右下角4个按钮的用途

　　从左到右，第1个按钮，是添加对齐约束的；

　　第2个按钮，是添加标准约束的；

　　第3个按钮，可以让Xcode自动生成约束或者更新视图到正确位置；

　　第4个按钮，可以设置让哪些类继承这些约束，默认情况下，2个选项都是选中的，建议把Silbings和Ancestors留空，如果选中的话，对齐视图中的子视图会变得很困难

2. 固有尺寸

添加约束时，要注意，某些控件有固有尺寸，像分段选择器，滑块，进度条，进度指示器，laibel都有固有尺寸.

从图中可以看到滑块的高度是置灰的。这就是固有尺寸啦。

label的固有尺寸比较特殊，由文本内容决定自己的宽度。

3. 线框代表的含义

3.1 对控件添加完约束之后，正确的情况应该是下图分段选择器这样（图1）。

3.1 如果约束存在歧义，则是label那样（图2），有黄色线框和红色线段：黄色实线框表示当前设计时的位置和尺寸，label顶部的红色线段表示，上边距存在歧义，底部的红色线段表示，下边距存在歧义。

3.3 继续给label添加约束，直至歧义全部消失。会变成图3的样子，有黄色实线框和红色虚线框，黄色实线框的含义依然是当前设计时的位置和尺寸；红色虚线框，表示程序运行时，label的位置和尺寸。

3.4 通过update frame，可以让storyboard上Label控件完全按自动布局的设置更新一遍，这样可以使红色虚线框消失，变成图4那样，图4的+28含义，表示程序允许时和底部进度条间距会多出28点，此时可以通过update constraints，让约束条件迎合当前stroyboard显示的间距，更新完之后，约束条件里的40变成68，见图6

3.5 但是一般不会这么做，因为约束一般情况下是没问题，应该是更新frame，让frame去适应我们设置的约束，点击fix misplacement，修复错位，见图7

　　　　　　　　　　　　图1

　　　　　　　　　　　　图2

　　　　　　　　　　　　图3

　　　　　　　　　　　　图4

　　　　　　　　　　　　图5

　　　　　　　　　　　　图6

　　　　　　　　　　　　图7

4. 顶部和底部布局引导

　　iOS7之后，控制器具有topLayoutGuide，bottomLayoutGuide这2个属性，在Xcode5以上版本中，storyboard中可以看到这2个东西。

@interface UIViewController (UILayoutSupport)

// These objects may be used as layout items in the NSLayoutConstraint API

@property(nonatomic,readonly,retain) id<UILayoutSupport> topLayoutGuide NS_AVAILABLE_IOS(7_0);

@property(nonatomic,readonly,retain) id<UILayoutSupport> bottomLayoutGuide NS_AVAILABLE_IOS(7_0);

@end

在给控件添加顶部约束时，可以选择距离Top Layout Guide,这么做的好处是，即使存在状态栏，导航栏的情况下，Top Layout Guide会包含这些xx栏的高度，如果应用要同时允许在iOS6，iOS7中运行，那么这种好处就更明显了。

5. 怎么对滚动视图做自动布局

　　http://blog.csdn.net/dongtaochen2039/article/details/41749209

6. 自动布局和setFrame

使用自动布局的控件，即使对控件setFrame，也不会有效果，因为自动布局拥有决定权

7. 用代码实现自动布局

7.1 向视图中添加约束

- (void)viewDidLoad {

     [super viewDidLoad];

    UIButton *btn1 = [UIButton buttonWithType:UIButtonTypeContactAdd];

    [btn1 setTranslatesAutoresizingMaskIntoConstraints:NO]; // 自动布局和autoresizing是互斥的，所以使用自动布局之前，一定要把autoresizing取消

    UIButton *btn2 = [UIButton buttonWithType:UIButtonTypeContactAdd];

    [btn2 setTranslatesAutoresizingMaskIntoConstraints:NO];

    [self.view addSubview:btn1];  // 在添加约束之前，一定要先把子视图添加到父视图上。说白了addSubview必须写在addConstraint前面。　　　　　　　　　　　　　　  

    [self.view addSubview:btn2];  //  如果先添加约束，再把子视图添加到父视图上，程序会崩溃。

    NSLayoutConstraint *layout = [NSLayoutConstraint constraintWithItem:btn1 attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1.0 constant:50];  // 代表的含义:btn1的centerY = self.view的顶部y值  * multipler(系数) + constant(常数)

    NSLayoutConstraint *layout1 = [NSLayoutConstraint constraintWithItem:btn1 attribute:NSLayoutAttributeCenterY relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1.0 constant:200];

　 NSLayoutConstraint *layout2 = [NSLayoutConstraint constraintWithItem:btn2 attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:btn1 attribute:NSLayoutAttributeCenterX multiplier:1.0 constant:100];

    NSLayoutConstraint *layout3 = [NSLayoutConstraint constraintWithItem:btn2 attribute:NSLayoutAttributeCenterY relatedBy:NSLayoutRelationEqual toItem:btn1 attribute:NSLayoutAttributeTop multiplier:1.0 constant:50];

    [self.view addConstraint:layout]; 

    [self.view addConstraint:layout1];

    [self.view addConstraint:layout2];

    [self.view addConstraint:layout3];

}

7.2  使用可视格式化语言（VFL）添加约束

- (void)viewDidLoad {

    [super viewDidLoad];

    UIButton *btn1 = [UIButton buttonWithType:UIButtonTypeContactAdd];

    [btn1 setTranslatesAutoresizingMaskIntoConstraints:NO];

    [self.view addSubview:btn1];

    NSDictionary *viewsDic = NSDictionaryOfVariableBindings(btn1);

    NSArray *constraints1 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-50-[btn1]" options:0 metrics:nil views:viewsDic];

    NSArray *constraints2 = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-100-[btn1]" options:0 metrics:nil views:viewsDic];

    [self.view addConstraints:constraints1];

    [self.view addConstraints:constraints2];

}

无论是给视图添加约束，还是用可视格式化语言，都太繁琐了，还是借助第3方框架吧，例如UIView+AutoLayout