IOS 界面布局 AutoLayout

2024年4月14日 200次阅读 来源: hqman

##AutoLayout新的布局方式

传统解决布局用Springs & Struts 布局方式
AutoLayout通过指定界面上元素之间的约束来实现

NSLayoutConstraint

方法1

+ (id)constraintWithItem:(id)view1
               attribute:(NSLayoutAttribute)attribute1
               relatedBy:(NSLayoutRelation)relation
                  toItem:(id)view2
               attribute:(NSLayoutAttribute)attribute2
              multiplier:(CGFloat)multiplier
                constant:(CGFloat)constant;

效果是：

 view1.attribute1 = view2.attribute2 × multiplier + constant

方法2：
通过VFL字符串 来定义

+ (NSArray *)constraintsWithVisualFormat:(NSString *)format 
                                 options:(NSLayoutFormatOptions)opts 
                                 metrics:(NSDictionary *)metrics 
                                   views:(NSDictionary *)views;

NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view);
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-50-[view(>=150)]" options:0 metrics:nil views:views]];//水平方向 视图和父视图左边间距50点 宽度》=150点
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view(>=150)]" options:0 metrics:nil views:views]]; //垂直方向 和父视图top距离100点 高度》=150点

参考资料

http://adad184.com/2014/09/28/use-masonry-to-quick-solve-autolayout/
http://xuexuefeng.com/autolayout/
官方例子
http://tutuge.me/2015/05/23/autolayout-example-with-masonry/

    原文作者：hqman
    原文地址: https://segmentfault.com/a/1190000002759274
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞