【上集剧情概要:上集我们主要试着用连式结构写了一个简单地布局的设计的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链式调用的方式