iOS高效开发 | UIButton 告别频繁点击，用全局方法搞定！

IOS

2023-11-11 11:00:49

在iOS应用程序中，避免按钮被用户短时间内多次点击是一个常见的需求。这种情况不仅影响用户体验，还可能导致服务器端或本地逻辑处理出现错误。本文介绍一种通过全局方法来解决这个问题的技术方案。

为什么需要防止频繁点击？

当用户快速重复点击同一个按钮时，可能会导致不必要的多次请求发送到服务器，或者触发相同的本地逻辑操作多次。这不仅消耗资源，还可能引发数据不一致的问题。因此，在开发过程中加入防频繁点击机制是非常有必要的。

实现方案概览

Swift 版本
- 使用扩展（extension）为 UIButton 类添加一个新方法。
- 通过设置按钮的状态来控制其是否可被再次点击。
Objective-C 版本
- 利用分类（Category）机制在 UIButton 上增加新的行为。
- 引入状态标记，防止短时间内重复操作。

Swift 实现防频繁点击

首先，在项目中创建一个新的Swift文件或在一个已有文件里添加以下代码：

import UIKit

extension UIButton {
    private struct AssociatedKeys {
        static var isBlocked: String = "isBlocked"
    }

    var isBlocked: Bool? {
        get { return objc_getAssociatedObject(self, &AssociatedKeys.isBlocked) as? Bool }
        set(newValue) { 
            if let value = newValue {
                objc_setAssociatedObject(self, &AssociatedKeys.isBlocked, value, .OBJC_ASSOCIATION_ASSIGN)
            } else {
                objc_removeAssociatedObjects(self)
            }
        }
    }

    func blockUserInteraction(duration: TimeInterval) {
        self.isEnabled = false
        isBlocked = true

        DispatchQueue.main.asyncAfter(deadline: .now() + duration) {
            self.isEnabled = true
            self.isBlocked = nil
        }
    }
}

操作步骤：

引入上述代码到项目中。
在按钮点击事件里调用 blockUserInteraction(duration:) 方法，传入合适的阻塞时间。

button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)

@objc func buttonTapped() {
    // 处理按钮点击逻辑
    print("Button tapped")
    
    // 阻止重复点击，例如3秒内不允许再次点击
    button.blockUserInteraction(duration: 3.0)
}

Objective-C 实现防频繁点击

在 Objective-C 中，可以使用分类来扩展 UIButton 的功能。首先创建一个名为 UIButton+BlockTap.h 的头文件和对应的实现文件 UIButton+BlockTap.m：

UIButton+BlockTap.h

#import <UIKit/UIKit.h>

@interface UIButton (BlockTap)

- (void)blockUserInteractionWithDuration:(NSTimeInterval)duration;

@end

UIButton+BlockTap.m

#import "UIButton+BlockTap.h"

@implementation UIButton (BlockTap)

static char kIsBlockedKey;

- (BOOL)isBlocked {
    return objc_getAssociatedObject(self, &kIsBlockedKey);
}

- (void)setIsBlocked:(BOOL)blocked {
    objc_setAssociatedObject(self, &kIsBlockedKey, @(blocked), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (void)blockUserInteractionWithDuration:(NSTimeInterval)duration {
    [self setIsEnabled:NO];
    self.isBlocked = YES;

    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(duration * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        [self setIsEnabled:YES];
        self.isBlocked = NO;
    });
}

@end

操作步骤：

将以上文件加入到项目中。
在按钮点击事件的实现里使用新的方法：

[button addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside];

- (void)buttonTapped:(UIButton *)sender {
    // 按钮逻辑处理
    NSLog(@"Button tapped");
    
    // 设置阻塞时间，例如3秒内不能再次点击
    [sender blockUserInteractionWithDuration:3.0];
}