交换UIButton文字和图片位置以及防止重复点击

方法: 继承UIButton在- (void)layoutSubviews方法中修改UIButton的imageEdgeInsets和titleEdgeInsets属性来实现图片和文字的重新排列, 通过重写UIButton的- (void)sendAction:(SEL)action to:(id)target forEvent:(UIEvent *)event方法来实现防止重复点击

以下是全部代码:

.h文件

typedef NS_ENUM(NSInteger, YBImagePosition) {
    YBImagePositionUp = 1,  // 图片在上, 文字在下
    YBImagePositionDown,    // 图片在下, 文字在上
    YBImagePositionLeft,    // 图片在左, 文字在右
    YBImagePositionRight    // 图片在右, 文字在左
};

@interface YBButton : UIButton

/** 防止重复点击的时间间隔 */
@property (nonatomic, assign) CGFloat delayTime;

/** 图片文字排列样式 */
@property (nonatomic, assign) YBImagePosition style;

/** 文字和图片之间间隔(default 0.0) */
@property (nonatomic, assign) CGFloat margin;

@end

.m文件

@interface YBButton ()

// 时候忽略点击事件
@property (nonatomic, assign) BOOL isIgnoreEvent;

@end

@implementation YBButton

// 防止按钮重复点击(默认时间间隔为0.5s)
- (void)sendAction:(SEL)action to:(id)target forEvent:(UIEvent *)event {
    // 如果是忽略点击事件则不往下执行
    if (self.isIgnoreEvent) { return; }
    // 否则继续执行
    self.isIgnoreEvent = YES;
    [super sendAction:action to:target forEvent:event];
    // 延迟时间到了之后, 修改isIgnoreEvent的值, 使其下次可以继续点击
    CGFloat eventTimeInterval = self.delayTime == 0 ? 0.5 : self.delayTime;
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(eventTimeInterval * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        self.isIgnoreEvent = NO;
    });
}

- (void)layoutSubviews {
    [super layoutSubviews];
    
    // 这是系统的默认状态(如果是系统默认状态就不处理了)
    if (self.style == YBImagePositionLeft && self.margin == 0) { return; }
    
    CGFloat image_w = self.imageView.bounds.size.width;
    CGFloat image_h = self.imageView.bounds.size.height;
    CGFloat label_w = self.titleLabel.bounds.size.width;
    CGFloat label_h = self.titleLabel.bounds.size.height;
    
    switch (self.style) {
        case YBImagePositionUp:
            self.imageEdgeInsets = UIEdgeInsetsMake(-label_h / 2.0 - self.margin / 2.0, label_w / 2.0, label_h / 2.0 + self.margin / 2.0, -label_w / 2.0);
            self.titleEdgeInsets = UIEdgeInsetsMake(image_h / 2.0 + self.margin / 2.0, -image_w / 2.0, -image_h / 2.0 - self.margin / 2.0, image_w / 2.0);
            break;
        case YBImagePositionDown:
            self.imageEdgeInsets = UIEdgeInsetsMake(label_h / 2.0 + self.margin / 2.0, label_w / 2.0, -label_h / 2.0 - self.margin / 2.0, -label_w / 2.0);
            self.titleEdgeInsets = UIEdgeInsetsMake(-image_h / 2.0 - self.margin / 2.0, -image_w / 2.0, image_h / 2.0 + self.margin / 2.0, image_w / 2.0);
            break;
        case YBImagePositionLeft:
            self.imageEdgeInsets = UIEdgeInsetsMake(0, -self.margin / 2.0, 0, self.margin / 2.0);
            self.titleEdgeInsets = UIEdgeInsetsMake(0, self.margin / 2.0, 0, -self.margin / 2.0);
            break;
        case YBImagePositionRight:
            self.imageEdgeInsets = UIEdgeInsetsMake(0, label_w + self.margin / 2.0, 0, -label_w - self.margin / 2.0);
            self.titleEdgeInsets = UIEdgeInsetsMake(0, -image_w - self.margin / 2.0, 0, image_w + self.margin / 2.0);
            break;
        default:
            break;
    }
}

@end

防止按钮的重复点击这样实现起来简单, 但是如果项目已经写好, 就需要把项目里边的按钮全部换成自定义按钮, 这样就比较麻烦, 不过使用全局搜索替换还是很快的

还有一个办法是给UIButton写一个类别, 通过runTime来实现

原文链接 https://blog.csdn.net/zhuxincheng_1218/article/details/78181096

如果将默认时间设置的过小, 达不到防止重复点击的需求, 就需要在每个创建按钮的地方手动设置防止重复点击的间隔时间, 如果设置的过大就会影响相机的拍照按钮

还是根据自己的需求来选择方案