Runtime之扩大按钮响应范围

最近重构的项目中button比较小时,增大点击范围一般都是在button上面又加了一层然后触发和button同样的事件来实现目的,但感觉这样太啰嗦,而且看起来代码一大堆,只为实现这样的一个功能,因此这次就记录一下通过创建UIButton的分类来解决这个问题;
首先创建一个UIButton的分类,在.h中声明两个方法

#import <UIKit/UIKit.h>
@interface UIButton (EnlargeEdge)
//设置button的额外增加的范围,四个方向增加的相同
- (void)setEnlargeEdge:(CGFloat)size;
//分别设置button的四个方向要增大的范围
- (void)setEnlargeEdgeWithTop:(CGFloat)top right:(CGFloat)right bottom:(CGFloat)bottom left:(CGFloat)left;
@end

在.m中实现这两个方法之前,现在了解一下objc_setAssociatedObject(id object, const void *key, id value, objc_AssociationPolicy policy)函数,这是runtime中用来关联的一个函数,第一个参数id object表示关联给谁,第二个参数const void *key关联的key值,一般声明成静态变量,第三个参数id value表示关联的值,第四个参数表示关联时采用的协议，有assign，retain，copy等协议;因此这个函数理解起来就是给object关联一个键值对采用copy或assign或retain的协议;在我理解这函数等价于在一般控制器或者view中声明属性的方法如@property(nonatomic,assign)int number;是类似的,只不过有时候没有办法声明属性来达到使用数据的目的(如在分类中),只能通过runtime的这个方法;

#import "UIButton+EnlargeEdge.h"
#import <objc/runtime.h>
@implementation UIButton (EnlargeEdge)
//声明几个静态变量
static char topNameKey;
static char rightNameKey;
static char bottomNameKey;
static char leftNameKey;

- (void)setEnlargeEdge:(CGFloat)size{
    //由于在分类中无法设置属性,因此此处就是用runtime中的关联,把设置的size大小和定义的静态变量进行关联,方便在下面重写pointInsise方法时判断新生成的rect变量是否在有效点击范围内,和在控制器中声明
    //@property(nonatomic, copy)NSNumber *topNameKey;的效果是一样的
    objc_setAssociatedObject(self, &topNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &rightNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &bottomNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &leftNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
}

- (void)setEnlargeEdgeWithTop:(CGFloat)top right:(CGFloat)right bottom:(CGFloat)bottom left:(CGFloat)left{
    objc_setAssociatedObject(self, &topNameKey, [NSNumber numberWithFloat:top], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &rightNameKey, [NSNumber numberWithFloat:right], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &bottomNameKey, [NSNumber numberWithFloat:bottom], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &leftNameKey, [NSNumber numberWithFloat:left], OBJC_ASSOCIATION_COPY_NONATOMIC);
}

接下来在.m中重写UIButton的方法

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{
//调用计算点击有效范围的方法
    CGRect rect = [self enlargedRect];
    if (CGRectEqualToRect(rect, self.bounds)){
        return [super pointInside:point withEvent:event];
    }
    return CGRectContainsPoint(rect, point) ? YES : NO;
}
//计算新的点击有效范围
- (CGRect)enlargedRect{
    NSNumber* topEdge = objc_getAssociatedObject(self, &topNameKey);
    NSNumber* rightEdge = objc_getAssociatedObject(self, &rightNameKey);
    NSNumber* bottomEdge = objc_getAssociatedObject(self, &bottomNameKey);
    NSNumber* leftEdge = objc_getAssociatedObject(self, &leftNameKey);
    if (topEdge && rightEdge && bottomEdge && leftEdge){
        return CGRectMake(self.bounds.origin.x - leftEdge.floatValue,
                          self.bounds.origin.y - topEdge.floatValue,
                          self.bounds.size.width + leftEdge.floatValue + rightEdge.floatValue,
                          self.bounds.size.height + topEdge.floatValue + bottomEdge.floatValue);
    }else{
        return self.bounds;
    }
}

当然了如果你感觉很麻烦,也可以这样来实现,直接声明几个静态变量来存储设置的需要扩大的边界范围.m

#import "UIButton+EnlargeEdge.h"
@implementation UIButton (EnlargeEdge)
static float topNameKey;
static float rightNameKey;
static float bottomNameKey;
static float leftNameKey;

- (void)setEnlargeEdge:(CGFloat)size{
    topNameKey = size;
    rightNameKey = size;
    bottomNameKey = size;
    leftNameKey = size;
}

- (void)setEnlargeEdgeWithTop:(CGFloat)top right:(CGFloat)right bottom:(CGFloat)bottom left:(CGFloat)left{
    topNameKey = top;
    rightNameKey = right;
    bottomNameKey = bottom;
    leftNameKey = left;
}


- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{
    CGRect rect = [self enlargedRect];
    if (CGRectEqualToRect(rect, self.bounds)){
        return [super pointInside:point withEvent:event];
    }
    return CGRectContainsPoint(rect, point) ? YES : NO;
}
- (CGRect)enlargedRect{
    float topEdge = topNameKey;
    float rightEdge = rightNameKey;
    float bottomEdge = bottomNameKey;
    float leftEdge = leftNameKey;
    if (topEdge && rightEdge && bottomEdge && leftEdge){
        return CGRectMake(self.bounds.origin.x - leftEdge,
                          self.bounds.origin.y - topEdge,
                          self.bounds.size.width + leftEdge + rightEdge,
                          self.bounds.size.height + topEdge + bottomEdge);
    }else{
        return self.bounds;
    }
    
}
@end

接下来使用的时候

//两者选其一即可
 [deletBt setEnlargeEdge:7.5];
 [deletBt setEnlargeEdgeWithTop:7.5 right:7.5 bottom:7.5 left:7.5];