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