【理解】Auto Layout自动布局（二）

喜欢ヅ旅行 2022-08-20 11:28 5阅读 0赞

我们简单的介绍了使用Visual Format Language创建布局约束来实现自动布局，这种方法创建的布局约束能够满足大部分的布局的需求。但是想要实现类似于这样的约束：*button.width = 2 \* button.height*就不能满足要求了，这一篇我们我们简单介绍一下如何创建这样的布局约束。

Apple就是非常贴心，它为我们提供了另外一个方法创建类似于*view1.attr1 = view2.attr2 \* multiplier + constant这样的约束，方法如下：*

**\[cpp\]** [view plain][] [copy][view plain]

1.  \+(id)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;

下面我们用这种方法创建一个布局约束，实现一个按钮button的布局，button距离父视图的左侧60点，距离顶部30点，其中宽度W = 2 \* H + 10。效果图如下

*![SouthEast][]*

*不多说，上代码*

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (**void**)viewDidLoad  
2.  \{  
3.      \[super viewDidLoad\];  
4.      // Do any additional setup after loading the view.  
5.      self.edgesForExtendedLayout = UIRectEdgeNone;  
6.        
7.      UIButton \* button = \[UIButton buttonWithType:UIButtonTypeSystem\];  
8.      button.layer.borderColor = \[UIColor blackColor\].CGColor;  
9.      button.layer.borderWidth = 2.0;  
10.     \[button setTitle:@"W=2\*H" forState:UIControlStateNormal\];  
11.     \[self.view addSubview:button\];  
12.       
13.     \[button setTranslatesAutoresizingMaskIntoConstraints:NO\];  
14.       
15.     NSMutableArray \* tempConstraints = \[NSMutableArray array\];  
16.       
17.     \[tempConstraints addObjectsFromArray:\[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-60-\[button\]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(button)\]\];  
18.     \[tempConstraints addObjectsFromArray:\[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-30-\[button(==30)\]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(button)\]\];  
19.       
20.     \[self.view addConstraints:tempConstraints\];  
21.       
22.     \[self.view addConstraint:\[NSLayoutConstraint constraintWithItem:button attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:button attribute:NSLayoutAttributeHeight multiplier:2.0 constant:10.0\]\];  
23. \}  
24.

[view plain]: http://blog.csdn.net/dongbaojun_ios/article/details/12624393#
[SouthEast]: /images/20220731/2b8e7da2ba864b768b76d7b32375f2df.png