最近重构的项目中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];
