UIButton 扩大点击响应区域

转自简书：http://www.jianshu.com/p/239adf1fae79

前言

APP产品中不乏一些图标很小的，但需要响应的按键或者控件。如果这些需要响应的控件实际响应范围跟其响应的实际大小一样，是不是非常影响用户体验？我们的答案是肯定的（WTF，这里的肯定到底是影响还是不影响？������）。
反正不管怎么样，如果产品有这个需求，我们也必须要处理的对不对？

解决方案

方案一（继承）：直接创建一个UIButton子类，即继承UIButton父类，然后在子类中重写父类方法:
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event;
方法；
方案二（runtime + Category）：创建UIButton的一个Category分类，给这个UIKit添加一个属性，在使用的时候，直接通过给属性赋值来实现。这里个方案的实现需要用到runtime。

方案比较

方案一：如果在APP架构初期定义好，后期开发过程中按照这个代码规范去走，没什么问题。但是对已有的框架再做需求更改，这个方案需要在代码中大量更改，修改的成本相当的大。
方案二：不论是在架构初期，还是对已有的框架进行重构，均比较好用，那里有需要，则只需在有需求的控件中给其添加的属性赋值即可。

方案二代码

.h文件

//
//  UIButton+LeeHitRect.h
//  FrameWork
//
//  Created by LeeMiao on 2017/8/10.
//  Copyright © 2017年 Limiao. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UIButton (LeeHitRect)

/**
 自定义响应边界 UIEdgeInsetsMake(-3, -4, -5, -6). 表示扩大
 例如： self.btn.hitEdgeInsets = UIEdgeInsetsMake(-3, -4, -5, -6);
 */
@property(nonatomic, assign) UIEdgeInsets hitEdgeInsets;


/**
 自定义响应边界 自定义的边界的范围 范围扩大3.0
 例如：self.btn.hitScale = 3.0;
 */
@property(nonatomic, assign) CGFloat hitScale;

/*
 自定义响应边界 自定义的宽度的范围 范围扩大3.0
 例如：self.btn.hitWidthScale = 3.0;
 */
@property(nonatomic, assign) CGFloat hitWidthScale;

/*
 自定义响应边界 自定义的高度的范围 范围扩大3.0
 例如：self.btn.hitHeightScale = 3.0;
 */
@property(nonatomic, assign) CGFloat hitHeightScale;


@end

.m文件

//
//  UIButton+LeeHitRect.m
//  FrameWork
//
//  Created by LeeMiao on 2017/8/10.
//  Copyright © 2017年 Limiao. All rights reserved.
//

#import "UIButton+LeeHitRect.h"
#import <objc/runtime.h>


static const char * kHitEdgeInsets = "hitEdgeInsets";
static const char * kHitScale      = "hitScale";
static const char * kHitWidthScale      = "hitWidthScale";
static const char * kHitHeightScale      = "hitHeightScale";

@implementation UIButton (LeeHitRect)

#pragma mark - set Method
-(void)setHitEdgeInsets:(UIEdgeInsets)hitEdgeInsets{
    NSValue *value = [NSValue value:&hitEdgeInsets withObjCType:@encode(UIEdgeInsets)];
    objc_setAssociatedObject(self,kHitEdgeInsets, value, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

-(void)setHitScale:(CGFloat)hitScale{
    CGFloat width = self.bounds.size.width * hitScale;
    CGFloat height = self.bounds.size.height * hitScale;
    self.hitEdgeInsets = UIEdgeInsetsMake(-height, -width,-height, -width);
    objc_setAssociatedObject(self, kHitScale, @(hitScale), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}


-(void)setHitWidthScale:(CGFloat)hitWidthScale{
    CGFloat width = self.bounds.size.width * hitWidthScale;
    CGFloat height = self.bounds.size.height ;
    self.hitEdgeInsets = UIEdgeInsetsMake(-height, -width,-height, -width);
    objc_setAssociatedObject(self, kHitWidthScale, @(hitWidthScale), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}



-(void)setHitHeightScale:(CGFloat)hitHeightScale{
    CGFloat width = self.bounds.size.width;
    CGFloat height = self.bounds.size.height * hitHeightScale ;
    self.hitEdgeInsets = UIEdgeInsetsMake(-height, -width,-height, -width);
    objc_setAssociatedObject(self, kHitHeightScale, @(hitHeightScale), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}


#pragma mark - get Method
-(UIEdgeInsets)hitEdgeInsets{
    NSValue *value = objc_getAssociatedObject(self, kHitEdgeInsets);
    UIEdgeInsets edgeInsets;
    [value getValue:&edgeInsets];
    return value ? edgeInsets:UIEdgeInsetsZero;
}

-(CGFloat)hitScale{
    return [objc_getAssociatedObject(self, kHitScale) floatValue];
}

-(CGFloat)hitWidthScale{
    return [objc_getAssociatedObject(self, kHitWidthScale) floatValue];
}

-(CGFloat)hitHeightScale{
    return [objc_getAssociatedObject(self, kHitHeightScale) floatValue];
}



#pragma mark - override super method
-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{
    //如果 button 边界值无变化  失效 隐藏 或者透明 直接返回
    if(UIEdgeInsetsEqualToEdgeInsets(self.hitEdgeInsets, UIEdgeInsetsZero) || !self.enabled || self.hidden || self.alpha == 0 ) {
        return [super pointInside:point withEvent:event];
    }else{
        CGRect relativeFrame = self.bounds;
        CGRect hitFrame = UIEdgeInsetsInsetRect(relativeFrame, self.hitEdgeInsets);
        return CGRectContainsPoint(hitFrame, point);
    }
}

@end

如何使用

使用方法非常简单，创建一个UIButton的对象，直接调用其属性即可
例如，我创建了一个btn的对象：

/**
 自定义响应边界 UIEdgeInsetsMake(-3, -4, -5, -6). 表示扩大
 例如： self.btn.hitEdgeInsets = UIEdgeInsetsMake(-3, -4, -5, -6);
 */

/**
 自定义响应边界 自定义的边界的范围 范围扩大3.0
 例如：self.btn.hitScale = 3.0;
 */

/*
 自定义响应边界 自定义的宽度的范围 范围扩大3.0
 例如：self.btn.hitWidthScale = 3.0;
 */

/*
 自定义响应边界 自定义的高度的范围 范围扩大3.0
 例如：self.btn.hitHeightScale = 3.0;
 */

是不是使用起来非常简单？？

作者：ivylee_mr
链接：http://www.jianshu.com/p/239adf1fae79
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。