Auto Layout简单应用——以编码的方式实现Auto Layout自动布局（二）

时间：2014-08-11 21:17:42 阅读：175 评论：0 收藏：0 [点我收藏+]

标签：style blog http color 使用 os io strong

在上一篇文章iOS学习笔记02——以编码的方式实现Auto Layout自动布局（一）中我们简单的介绍了使用Visual Format Language创建布局约束来实现自动布局，这种方法创建的布局约束能够满足大部分的布局的需求。但是想要实现类似于这样的约束：button.width = 2 * button.height就不能满足要求了，这一篇我们我们简单介绍一下如何创建这样的布局约束。

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

[cpp] view plain copy

+(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。效果图如下

不多说，上代码

[cpp] view plain copy

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view.
self.edgesForExtendedLayout = UIRectEdgeNone;
UIButton * button = [UIButton buttonWithType:UIButtonTypeSystem];
button.layer.borderColor = [UIColor blackColor].CGColor;
button.layer.borderWidth = 2.0;
[button setTitle:@"W=2*H" forState:UIControlStateNormal];
[self.view addSubview:button];
[button setTranslatesAutoresizingMaskIntoConstraints:NO];
NSMutableArray * tempConstraints = [NSMutableArray array];
[tempConstraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-60-[button]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(button)]];
[tempConstraints addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-30-[button(==30)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(button)]];
[self.view addConstraints:tempConstraints];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:button attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:button attribute:NSLayoutAttributeHeight multiplier:2.0 constant:10.0]];
}
http://blog.csdn.net/dongbaojun_ios/article/details/12624393

Auto Layout简单应用——以编码的方式实现Auto Layout自动布局（二）,布布扣,bubuko.com

Auto Layout简单应用——以编码的方式实现Auto Layout自动布局（二）

标签：style blog http color 使用 os io strong

原文地址：http://www.cnblogs.com/geek6/p/3905517.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行