IOS 介面佈局 AutoLayout

hqman發表於2015-05-12
iOS

##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/

相關文章