|
1 2 3 4 5 6 7 |
[NSLayoutConstraint constraintWithItem:(id)item attribute:(NSLayoutAttribute)attribute relatedBy:(NSLayoutRelation)relation toItem:(id)otherItem attribute:(NSLayoutAttribute)otherAttribute multiplier:(CGFloat)multiplier constant:(CGFloat)constant] |
参数说明:
第一个参数:指定约束左边的视图view1
第二个参数:指定view1的属性attr1，具体属性见文末。
第三个参数:指定左右两边的视图的关系relation，具体关系见文末。
第四个参数:指定约束右边的视图view2
第五个参数:指定view2的属性attr2，具体属性见文末。
第六个参数:指定一个与view2属性相乘的乘数multiplier
第七个参数:指定一个与view2属性相加的浮点数constant
这个函数的对照公式为:
view1.attr1 <relation> view2.attr2 * multiplier + constant
注意:
1.如果你想设置的约束里不需要第二个view，要将第四个参数设为nil，第五个参数设为NSLayoutAttributeNotAnAttribute
举例:
|
1 2 3 4 5 6 7 |
[NSLayoutConstraint constraintWithItem:view1 attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:view2 attribute:NSLayoutAttributeRight multiplier:1 constant:10] |
翻译过来就是:view1的左侧，在，view2的右侧，再多10个点，的地方。
附视图的属性和关系的值:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
typedef NS_ENUM(NSInteger, NSLayoutRelation) { NSLayoutRelationLessThanOrEqual = -1, //小于等于 NSLayoutRelationEqual = 0, //等于 NSLayoutRelationGreaterThanOrEqual = 1, //大于等于 }; typedef NS_ENUM(NSInteger, NSLayoutAttribute) { NSLayoutAttributeLeft = 1, //左侧 NSLayoutAttributeRight, //右侧 NSLayoutAttributeTop, //上方 NSLayoutAttributeBottom, //下方 NSLayoutAttributeLeading, //首部 NSLayoutAttributeTrailing, //尾部 NSLayoutAttributeWidth, //宽度 NSLayoutAttributeHeight, //高度 NSLayoutAttributeCenterX, //X轴中心 NSLayoutAttributeCenterY, //Y轴中心 NSLayoutAttributeBaseline, //文本底标线 NSLayoutAttributeNotAnAttribute = 0 //没有属性 }; |
NSLayoutAttributeLeft/NSLayoutAttributeRight 和NSLayoutAttributeLeading/NSLayoutAttributeTrailing的区别是left/right永远是指左右，而leading/trailing在某些从右至左习惯的地区会变成，leading是右边，trailing是左边。
示例代码：
1 - (void)viewDidLoad {
2 [super viewDidLoad];
3
4 // 创建控件
5 UIView *blueView = [UIView new];
6 blueView.backgroundColor = [UIColor blueColor];
7 [self.view addSubview:blueView];
8
9 UIView *redView = [UIView new];
10 redView.backgroundColor = [UIColor redColor];
11 [self.view addSubview:redView];
12
13 /*
14 NSLayoutAttributeLeft = 1, 左边
15 NSLayoutAttributeRight, 右边
16 NSLayoutAttributeTop, 顶部
17 NSLayoutAttributeBottom, 底部
18 NSLayoutAttributeLeading, 左边
19 NSLayoutAttributeTrailing, 右边
20 NSLayoutAttributeWidth, 宽
21 NSLayoutAttributeHeight, 高
22 NSLayoutAttributeCenterX, 水平中线
23 NSLayoutAttributeCenterY, 竖直中线
24
25 */
26 /*
27 typedef NS_ENUM(NSInteger, NSLayoutRelation) {
28 NSLayoutRelationLessThanOrEqual = -1,
29 NSLayoutRelationEqual = 0,
30 NSLayoutRelationGreaterThanOrEqual = 1,
31 };
32 */
33 // 前提,给那个控件添加约束,就把那个控件的autoresing关闭
34 blueView.translatesAutoresizingMaskIntoConstraints = NO;
35 redView.translatesAutoresizingMaskIntoConstraints = NO;
36 // self.view.translatesAutoresizingMaskIntoConstraints = NO;
37 /*
38 使用autolayout的两个前提:
39 1.一定要添加到控制器的view的层次结构中
40 2.关闭要添加约束的控件的autoresing
41 translatesAutoresizingMaskIntoConstraints
42 */
43
44
45
46 // blueView的顶部约束
47 NSLayoutConstraint *blueTop = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1 constant:20];
48 [self.view addConstraint:blueTop];
49
50 // blueView的左边约束
51 NSLayoutConstraint *blueLeft = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1 constant:20];
52 [self.view addConstraint:blueLeft];
53
54
55 // blueView的右边约束
56 NSLayoutConstraint *blueRigth = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:1 constant:-20];
57 [self.view addConstraint:blueRigth];
58
59 // blueView的高度
60 NSLayoutConstraint *blueHeight = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1 constant:100];
61
62 [blueView addConstraint:blueHeight];
63
64
65 // redView的顶部约束
66 NSLayoutConstraint *redTop = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:blueView attribute:NSLayoutAttributeBottom multiplier:1 constant:20];
67 [self.view addConstraint:redTop];
68
69 // redView右对齐
70 NSLayoutConstraint *redRight = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:blueView attribute:NSLayoutAttributeRight multiplier:1 constant:0];
71 [self.view addConstraint:redRight];
72
73 // redView高
74 NSLayoutConstraint *redHeight = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:blueView attribute:NSLayoutAttributeHeight multiplier:1 constant:0];
75 [self.view addConstraint:redHeight];
76
77 // redView宽
78 NSLayoutConstraint *redWidth = [NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:blueView attribute:NSLayoutAttributeWidth multiplier:0.5 constant:0];
79 [self.view addConstraint:redWidth];
80 }
81
82
83
84 @end