IOS Autolayout(VFL) 处理子视图居中

来源:互联网 发布:世界粮农组织数据库 编辑:程序博客网 时间:2024/05/16 12:21

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

[html] view plain copy
  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 水平居中。垂直代码如下

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


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

[html] view plain copy
  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 在整个视图中居中。
0 0
原创粉丝点击