iOS UIButton之防止重复点击（控制事件响应时间间隔）

级别：★★☆☆☆
标签：「UIButton Runtime」「UIButton点击频率」「UIButton防止多次点击」
作者： Xs·H
审校： QiShare团队

有几个实际业务场景需要控制UIButton响应事件的时间间隔。比如：
1、当通过点击按钮来执行网络请求时，若请求耗时稍长，用户往往会再点一次。这样，就执行了两次请求，造成了资源浪费。
2、在移动终端性能较差时（比如iPhone 6升级到iOS 11），连续点击按钮会执行多次事件（比如push出来多个viewController）。
3、防止暴力点击。

控制按钮响应事件时间间隔的方案不止一种。比如：

• 方案 1：通过UIButton的enabled属性和userInteractionEnabled属性控制按钮是否可点击。此方案在逻辑上比较清晰、易懂，但具体代码书写分散，常常涉及多个方法。

- (void)buttonClicked:(UIButton *)sender {
    
    sender.enabled = NO;
    
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        sender.enabled = YES;
    });
}

• 方案2：通过NSObject的+cancelPreviousPerformRequestsWithTarget:selector:object:方法和-performSelector:withObject:afterDelay:方法控制按钮的响应事件的执行时间间隔。此方案会在连续点击按钮时取消之前的点击事件，从而只执行最后一次点击事件，会出现延迟现象。

- (void)buttonClicked:(UIButton *)sender {
    
    [NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(buttonClickedAction:) object:sender];
    [self performSelector:@selector(buttonClickedAction:) withObject:sender afterDelay:2.0];
}

在需要对大量UIButton做控制的场景中，方案1和方案2会比较不方便。针对此场景，着重说一下方案3。

• 方案3：通过Runtime控制UIButton响应事件的时间间隔。思路如下：
  1、创建一个UIButton的类别，使用runtime为UIButton增加public属性qi_eventInterval和private属性eventUnavailable。
  2、在+load方法中使用runtime将UIButton的-sendAction:to:forEvent:方法与自定义的-qi_sendAction:to:forEvent:方法交换Implementation。
  3、使用qi_eventInterval作为控制eventUnavailable的计时因子，用eventUnavailable开控制UIButton的event事件是否有效。

方案3可以对所有UIButton生效，具体实现代码如下：

@interface UIButton (QiEventInterval)

@property (nonatomic, assign) NSTimeInterval qi_eventInterval;

@end

#import "UIButton+QiEventInterval.h"
#import 

static char * const qi_eventIntervalKey = "qi_eventIntervalKey";
static char * const eventUnavailableKey = "eventUnavailableKey";

@interface UIButton ()

@property (nonatomic, assign) BOOL eventUnavailable;

@end

@implementation UIButton (QiEventInterval)

+ (void)load {
    
    Method method = class_getInstanceMethod(self, @selector(sendAction:to:forEvent:));
    Method qi_method = class_getInstanceMethod(self, @selector(qi_sendAction:to:forEvent:));
    method_exchangeImplementations(method, qi_method);
}


#pragma mark - Action functions

//- (void)qi_sendAction:(SEL)action to:(id)target forEvent:(UIEvent *)event {
    
//    if (self.eventUnavailable == NO) {
//        self.eventUnavailable = YES;
//        [self qi_sendAction:action to:target forEvent:event];
//        [self performSelector:@selector(setEventUnavailable:) withObject:@(NO) afterDelay:self.qi_eventInterval];
//    }
//}

- (void)qi_sendAction:(SEL)action to:(id)target forEvent:(UIEvent *)event {
    if([self isMemberOfClass:[UIButton class]]) {
        if (self.eventUnavailable == NO) {
              self.eventUnavailable = YES;
              [self qi_sendAction:action to:target forEvent:event];
              [self performSelector:@selector(setEventUnavailable:) withObject:0           afterDelay:self.qi_eventInterval];
        }
   } else {
        [self qi_sendAction:action to:target forEvent:event];
    }
}


#pragma mark - Setter & Getter functions

- (NSTimeInterval)qi_eventInterval {
    
    return [objc_getAssociatedObject(self, qi_eventIntervalKey) doubleValue];
}

- (void)setQi_eventInterval:(NSTimeInterval)qi_eventInterval {
    
    objc_setAssociatedObject(self, qi_eventIntervalKey, @(qi_eventInterval), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (BOOL)eventUnavailable {
    
    return [objc_getAssociatedObject(self, eventUnavailableKey) boolValue];
}

- (void)setEventUnavailable:(BOOL)eventUnavailable {
    
    objc_setAssociatedObject(self, eventUnavailableKey, @(eventUnavailable), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

@end

使用方法:

UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
/* here is some button's configuration codes */
[self.view addSubview:button];
    
//! 设置按钮的点击响应间隔时间
button.qi_eventInterval = 2.0;

效果展示：

• 默认Button点击效果：

  
  
  

  不设置qi_eventInterval (默认为0)

• 设置qi_eventInterval为2秒：

  
  
  

  设置qi_eventInterval为2秒

PS：针对方案3，因为在UIButton+QiEventInterval.m中的+load方法中交换了UIControl的sendAction:to:forEvent:方法，所以在使用UIControl或其子类（比如UISlider）的sendAction:to:forEvent:方法时会引起参数缺失的崩溃。可以将UIButton+QiEventInterval改成UIControl+QiEventInterval以避免此问题。

可从Github获取工程源码

---

了解更多iOS及相关新技术，请关注我们的公众号：

关注我们的途径有：
QiShare()
QiShare(掘金)
QiShare(知乎)
QiShare(GitHub)
QiShare(CocoaChina)
QiShare(StackOverflow)
QiShare(微信公众号)

推荐文章：iOS UIButton之UIEdgeInsets详解