牛叉的demo学无止境ios11适配

简单好用的iOS自动布局框架

2017-02-06  本文已影响3381人  fruitymoon

有感于iOS自动布局代码的冗长和繁琐,闲来无事,便自己封装了一下。
写的过程中我借鉴了NSLayoutAnchor和masonry的一些思路,写了充分的单元测试用例,并对框架的性能(耗时和内存占用)做了一个简单评估。

优点

和系统方法、Masonry在性能上的比较

设置约束

所有约束设置都遵循系统的公式:

firstItem.firstAttribute {=,<=,>=} secondItem.secondAttribute * multiplier + constant

简便写法(适用于NSLayoutRelationEqual、multiplier = 1 且除了宽、高以外的约束的constant = 0的情况)

[self.redView activateConstraints:^{
    self.redView.height_attr.constant = 100; // redView的高度 = 100
    self.redView.width_attr = self.blueView.width_attr; // redView的宽度 = blueView的宽度
    self.redView.top_attr = self.blueView.top_attr; // redView的顶部 = blueView的顶部
    self.redView.left_attr = self.blueView.right_attr; // redView的左边 = blueView的右边
}];

常规写法

[self.redView activateConstraints:^{
    self.redView.height_attr.constant = 150; // redView的高度 = 150
    [self.redView.width_attr equalTo:self.blueView.width_attr constant:50]; // redView的宽度 = blueView的宽度 + 50
    [self.redView.top_attr equalTo:self.blueView.top_attr constant:-10]; // redView的顶部 = blueView的顶部 - 10
    [self.redView.left_attr greaterThan:self.blueView.right_attr constant:20]; // redView的左边 >= blueView的右边 + 20
}];

activateConstraints方法会将block里所有约束都绑定给调用者,这里就是self.redView,这么做是为了方便以后获取约束。
也可以用更接近系统的风格设置约束,但这样以后想获取特定的某个约束就比较麻烦,需要创建一个成员变量引用以后想改变的约束。

NSMutableArray *arrayM = [NSMutableArray arrayWithCapacity:4];
[arrayM addObject:[self.redView.height_attr equalTo:nil constant:100]];
[arrayM addObject:[self.redView.width_attr equalTo:self.blueView.width_attr]];
[arrayM addObject:[self.redView.top_attr equalTo:self.blueView.top_attr]];
[arrayM addObject:[self.redView.left_attr equalTo:self.blueView.right_attr]];
[NSLayoutConstraint activateConstraints:arrayM];

更新safeAreaLayoutGuide布局写法,不需要写版本判断

[self.redView activateConstraints:^{
    self.redView.height_attr.constant = 100; // redView的高度 = 100
    self.redView.width_attr = self.blueView.width_attr; // redView的宽度 = blueView的宽度
    self.redView.top_attr = self.view.top_attr_safe; // redView的顶部 = view的safeAreaLayoutGuide的顶部,非iOS11则是view的顶部
    self.redView.left_attr = self.view.right_attr_safe; // redView的左边 = view的safeAreaLayoutGuide的右边,非iOS11则是view的右边
}];

改变约束值

self.blueView.width_attr.constant = 100;

或者

[self.redView constraintAccordingToAttribute:self.redView.height_attr].constant = 100;

获取约束

获取非常方便,当初创建约束是怎样的相对关系,通过相同的关系就可以获取约束。

NSLayoutConstraint *cons = [self.titleLabel constraintAccordingToAttribute:self.titleLabel.bottom_attr andAttribute:self.subtitleLabel.top_attr];

激活和关闭约束

[self.redView activateConstraintAccordingToAttribute:self.redView.height_attr];
[self.redView deactivateConstraintAccordingToAttribute:self.redView.height_attr];

注意:调用deactivateConstraintAccordingToAttribute会将该约束对象销毁,这里保持跟系统的deactivateConstraint方法一致。如果只是想暂时关闭约束,以后想再activate,则应该获取约束后,设置.active = NO

解释一下核心方法 -(void)activateConstraints:(void (^)())constraints;
这是UIView的一个对象方法,一般来说每个UIView的布局代码写在自己的block里, 只有调一次该方法,才会给这个方法的调用者创建一个用来引用布局对象的可变数组,以后才可以通过这个调用者拿到里面的布局对象。
并且只要调用了一次该方法,以后即使不在该方法的block里写的约束,约束的firstItem如果和该方法的调用者是一个对象,也会把这个约束添加到firstItem(调用者)的数组里
如果调用了activateConstraints后,又希望移除对应view的数组,可以调用
- (void)deactivateAllConstraintsAndAssociatedObjects

具体使用请移步github下载示例代码。


添加到项目

使用CocoaPods
在podfile中加入 'NSLayoutConstraint-SSLayout'
直接使用源代码
将Source文件夹下的文件copy到项目

传送门:https://github.com/suruihai/NSLayoutConstraint-SSLayout

上一篇下一篇

猜你喜欢

热点阅读