iOS 之Autolayout(VFL)（一）

iOS 之Autolayout(VFL)（一）

  VFL的子视图居中，网上搜了很多都没找到有用代码，自己研究出来了。代码如下

1. UIActivityIndicatorView* prgrssView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];  
2. prgrssView.translatesAutoresizingMaskIntoConstraints = NO;  
3. [self.view addSubview:prgrssView];  
4. [prgrssView release];  
5. NSDictionary* views = NSDictionaryOfVariableBindings(prgrssView);  
6. [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"|-[prgrssView]-|" options:NSLayoutFormatAlignAllCenterX metrics:nil views:views]];

  上面的代码可以让prgrssView 水平居中。垂直代码如下

1. [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[prgrssView]-|" options:NSLayoutFormatAlignAllCenterY metrics:nil views:views]];   

以上代码测试下来只对UIActivityIndicatorView有效，如果一个view有宽度和高度则上面的居中代码会报错。可以通过另一种方式来处理，具体代码如下

1. //beging  
2. UIImageView* imagevew = [UIImageView autolayoutView];  
3. [imagevew setContentMode:UIViewContentModeScaleToFill];  
4. [imagevew setImage:_tabCellImage];  
5. [imagevew setTag:AEC_TAG_IMAGE_VIEW];  
6. [self.view addSubview:imagevew];  
7. [imagevew release];  
8.   
9. NSDictionary* views = NSDictionaryOfVariableBindings(imagevew);  
10. //设置高度  
11. [self.view.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[imagevew(60)]" options:0 metrics:nil views:views]];  
12. //设置宽度  
13. [self.view.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"[imagevew(60)]" options:0 metrics:nil views:views]];  
14. //垂直居中  
15. [self.view addConstraint:[NSLayoutConstraint constraintWithItem:imagevew attribute:NSLayoutAttributeCenterY relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeCenterY multiplier:1 constant:0]];  
16. //水平居中  
17. [self.view addConstraint:[NSLayoutConstraint constraintWithItem:imagevew attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeCenterX multiplier:1 constant:0]];  
18. //end   

 
这样就设置了一个imageview其大小为60*60 在整个视图中居中。