IOS开发之自动布局框架设计（三）

【上集剧情概要：上集我们主要试着用连式结构写了一个简单地布局的设计的demo，首先通过block方式实现链式调用，然后封装添加布局的约束到block里面，实现了上下左右的简单布局】

 好吧，各位观众，接下来抛砖引玉，逐渐去添加一些布局功能的时候到了。。。。。

 首先，我们考虑一个问题，因为上集我们主要是默认相对视图为superview，而且都是用默认偏移量constant，并没有倍数关系，那么我们如何加入toItem和multiplier这两个参数呢？？？

 用什么方式展示给用户更为好的呢？？？

 思考中ing..........

 好吧，最直接的办法就是添加两个参数，这样就凑齐了。。。。。

 ok，我把代码封装了一下，变成下面的样子。。。

#import "UIView+GCFAdditions.h"

@implementation UIView (GCFAdditions)

- (UIView *(^)(UIView *toItem,float multiplier,NSInteger space))left
{
    return  [self addGCFConstraint:NSLayoutAttributeLeft];
}

- (UIView *(^)(UIView *toItem,float multiplier,NSInteger space))right
{
    return  [self addGCFConstraint:NSLayoutAttributeRight];
}

- (UIView *(^)(UIView *toItem,float multiplier,NSInteger space))top
{
    return  [self addGCFConstraint:NSLayoutAttributeTop];
}

- (UIView *(^)(UIView *toItem,float multiplier,NSInteger space))bottom
{
    return  [self addGCFConstraint:NSLayoutAttributeBottom];
}

- (UIView *(^)(NSInteger value))width
{
    return ^(NSInteger value) {
        if (value) {
            NSLog(@"%ld",(long)value);
        } else {
            NSLog(@"%ld",(long)value);
        }
        
        self.translatesAutoresizingMaskIntoConstraints=NO;
        
        NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0f constant:value];
        [self addConstraint:constraint];
        
        return self;
    };
}

- (UIView *(^)(NSInteger value))height
{
    return ^(NSInteger value) {
        if (value) {
            NSLog(@"%ld",(long)value);
        } else {
            NSLog(@"%ld",(long)value);
        }
        
        self.translatesAutoresizingMaskIntoConstraints=NO;
        
        NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0f constant:value];
        [self addConstraint:constraint];
        
        return self;
    };
}


-(UIView *(^)(UIView *toItem,float multiplier,NSInteger space))addGCFConstraint:(NSLayoutAttribute )att
{
    return ^(UIView *toItem,float multiplier,NSInteger space) {
        if (space) {
            NSLog(@"%ld",(long)space);
        } else {
            NSLog(@"%ld",(long)space);
        }
        
        self.translatesAutoresizingMaskIntoConstraints=NO;
        
        NSLayoutConstraint *constaintTop = [NSLayoutConstraint
                                            constraintWithItem:self
                                            attribute:att
                                            relatedBy:NSLayoutRelationEqual
                                            toItem:toItem
                                            attribute:att
                                            multiplier:1.0
                                            constant:space];
        
        [self.superview addConstraint:constaintTop];
        
        return self;
    };
}


@end

添加了width和height两个属性

在调用里面使用变成：

 self.view1.left(self.view,1,50)
              .right(self.view,1,-50)
              .top(self.view,1,100)
              .height(130);
    
    self.view2.left(self.view,1,50)
              .right(self.view,1,-50)
              .top(self.view1,1,100)
              .height(130);
    
    self.view3.left(self.view,1,50)
              .right(self.view,1,-50)
              .top(self.view2,1,100)
              .height(130);

好了，到这里，基本上可以调用简单地封装了，那么问题来了，其实我们还差一个参数，就是当前view相对于toItem的属性参数是一样的，我们同样要传参数过去吗？？？

所以这里考虑到参数过多，如是想要封装起来

好吧，各位童鞋我们现在来解决下面一个问题，就是如果

top(self.view1,1,100)

第一个参数有两种情况:

如果是UIView的话，默认与当前的属性相同.....

如果是UIView的属性的话，则使用当前的属性

-(UIView *(^)(id toItem,float multiplier,NSInteger space))addGCFConstraint:(NSLayoutAttribute )att
{
    return ^(id toItem,float multiplier,NSInteger space) {
        if (space) {
            NSLog(@"%ld",(long)space);
        } else {
            NSLog(@"%ld",(long)space);
        }
        
        self.translatesAutoresizingMaskIntoConstraints=NO;
        
        if([toItem isKindOfClass:[GCFAttribute class]])
        {
            GCFAttribute *attribute=(GCFAttribute *)toItem;
            NSLayoutConstraint *constaint=[NSLayoutConstraint constraintWithItem:self
                                                                       attribute:att
                                                                       relatedBy:NSLayoutRelationEqual
                                                                          toItem:attribute.view
                                                                       attribute:attribute.attribute
                                                                      multiplier:1.0
                                                                        constant:space];
           [self.superview addConstraint:constaint];
        }
        else
        {
            NSLayoutConstraint *constaint=[NSLayoutConstraint constraintWithItem:self
                                                                       attribute:att
                                                                       relatedBy:NSLayoutRelationEqual
                                                                          toItem:toItem
                                                                       attribute:att
                                                                      multiplier:1.0
                                                                        constant:space];
            [self.superview addConstraint:constaint];
        }
        
        return self;
    };
}

这里使用id类型传入参数：

如果是UIView的话，先转为UIView类型，attribute属性都设置为相同的即可。

如果是GCFAttribute的话，先转为GCFAttribute类型，attribute属性都设置为GCFAttribute的attribute即可。

好吧，那GCFAttribute主要做什么呢，主要是将View和attribute封装到一个类里面，这样便于参数的传输。

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface GCFAttribute : NSObject

@property(nonatomic, strong) UIView *view;

@property(nonatomic, assign) NSLayoutAttribute attribute;

- (id)initWithView:(UIView *)view : (NSLayoutAttribute)layoutAttribute;

@end

#import "GCFAttribute.h"

@implementation GCFAttribute

- (id)initWithView:(UIView *)view : (NSLayoutAttribute)layoutAttribute {
    self = [super init];
    if (!self) return nil;
    
    _attribute =layoutAttribute;
    _view=view;
    
    return self;
}

@end

 还有个问题需要解决，发现每次都要放三个参数，能不能再减少了呢？？？

 其实multiplier这个参数很多时候默认为1，那么可以把它提出来吗，答案是肯定的，我们依旧使用Block链式调用的方式