美文网首页 ios零碎记录移动开发iOS开发经验
UIButton 扩大按钮的响应区域(runtime)

UIButton 扩大按钮的响应区域(runtime)

作者: ivylee_mr | 来源:发表于2017-08-16 09:50 被阅读1547次

    前言

    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;
     */
    

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


    2017-12-04 09:29:51 跟新

    如果布局中未设置 frame,直接利用 第三方Masonry 布局,会导致 该方法设置无效。
    若利用第三方Masonry 布局 ,请提前设置 btn 的 frame

    相关文章

      网友评论

      • 陈水寒:请问,方案一的具体实现代码有吗
        ivylee_mr:@陈水寒 直接.m中重写上述方法,判断点击的point,在你要求范围,执行,否,不执行
      • lsif的简书:楼主你好,请问按照上述使用,点击范围没有扩大,使用代码写的,这是为什么?
        ivylee_mr:@lsif的简书 有没有设fram

      本文标题:UIButton 扩大按钮的响应区域(runtime)

      本文链接:https://www.haomeiwen.com/subject/yygbrxtx.html