`

ios 扩大uibutton的响应区域

    博客分类:
  • ios
 
阅读更多

给UIButton 建立一个Category
--UIButton+EnlargeEdge.h
#import <objc/runtime.h>

@interface UIButton (EnlargeEdge)
- (void)setEnlargeEdge:(CGFloat) size;
- (void)setEnlargeEdgeWithTop:(CGFloat) top right:(CGFloat) right bottom:(CGFloat) bottom left:(CGFloat) left;
@end

--UIButton+EnlargeEdge.m
#import "UIButton+EnlargeEdge.h"

@implementation UIButton (EnlargeEdge)
static char topNameKey;
static char rightNameKey;
static char bottomNameKey;
static char leftNameKey;

- (void)setEnlargeEdge:(CGFloat) size
{
    objc_setAssociatedObject(self, &topNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &rightNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &bottomNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &leftNameKey, [NSNumber numberWithFloat:size], OBJC_ASSOCIATION_COPY_NONATOMIC);
}

- (void)setEnlargeEdgeWithTop:(CGFloat) top right:(CGFloat) right bottom:(CGFloat) bottom left:(CGFloat) left
{
    objc_setAssociatedObject(self, &topNameKey, [NSNumber numberWithFloat:top], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &rightNameKey, [NSNumber numberWithFloat:right], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &bottomNameKey, [NSNumber numberWithFloat:bottom], OBJC_ASSOCIATION_COPY_NONATOMIC);
    objc_setAssociatedObject(self, &leftNameKey, [NSNumber numberWithFloat:left], OBJC_ASSOCIATION_COPY_NONATOMIC);
}

- (CGRect)enlargedRect
{
    NSNumber* topEdge = objc_getAssociatedObject(self, &topNameKey);
    NSNumber* rightEdge = objc_getAssociatedObject(self, &rightNameKey);
    NSNumber* bottomEdge = objc_getAssociatedObject(self, &bottomNameKey);
    NSNumber* leftEdge = objc_getAssociatedObject(self, &leftNameKey);
    if (topEdge && rightEdge && bottomEdge && leftEdge)
    {
        return CGRectMake(self.bounds.origin.x - leftEdge.floatValue,
                          self.bounds.origin.y - topEdge.floatValue,
                          self.bounds.size.width + leftEdge.floatValue + rightEdge.floatValue,
                          self.bounds.size.height + topEdge.floatValue + bottomEdge.floatValue);
    }
    else
    {
        return self.bounds;
    }
}
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
    CGRect rect = [self enlargedRect];
    if (CGRectEqualToRect(rect, self.bounds))
    {
        return [super pointInside:point withEvent:event];
    }
    return CGRectContainsPoint(rect, point) ? YES : NO;
}

/*
- (UIView*)hitTest:(CGPoint) point withEvent:(UIEvent*) event
{
    CGRect rect = [self enlargedRect];
    if (CGRectEqualToRect(rect, self.bounds))
    {
        return [super hitTest:point withEvent:event];
    }
    return CGRectContainsPoint(rect, point) ? self : nil;
}*/
@end

原理

利用 objective-c 中的 objc_setAssociatedObject 來記錄要變大的範圍。

objc_setAssociatedObject 是 objective-c runtime library 裡面的 function。

需要#import <objc/runtime.h>

最后,最重要的是去 override - (UIView) hitTest:(CGPoint) point withEvent:(UIEvent) event

用新设定的 Rect 来当着点击范围。

使用
[enlargeButton setEnlargeEdge:20.0];
或者[enlargeButton setEnlargeEdgeWithTop:20 right:20 bottom:20 left:10];

分享到:
评论

相关推荐

    iOS UIButton扩大按钮响应区域的解决方法

    iOS UIButton扩大按钮响应区域的解决方法 iOS UIButton扩大按钮响应区域的解决方法是iOS开发中一个常见的问题。在开发中,我们经常会遇到设计图中的按钮设计特别小,这时我们需要手动扩大UIButton的响应范围。扩大...

    uibutton设置部分圆角,扩大响应范围,发送验证码倒计时

    默认情况下,`UIButton`的触摸响应区域仅限于其边框内。如果想扩大这个范围,可以通过设置`hitTestEdgeInsets`属性来实现。`hitTestEdgeInsets`允许我们在按钮四周添加额外的空间,使其能够检测到更远的触摸事件。...

    IOS源码应用Demo-ios按钮样式制作大全(20种不同风格的按钮制作方法).zip

    8. 触摸区域:通过调整`hitTest:withEvent:`方法,可以扩大或缩小按钮的触摸区域,增强用户体验。 9. 动态效果:通过Core Animation,可以为按钮添加动画效果,如平移、旋转、缩放等。 10. 模板图像:对于简单的...

    swift-一个iOS11自定义导航栏按钮偏移问题的优雅解决方案

    确保按钮的frame覆盖了需要响应触摸的区域,或者重写`hitTest(_:with:)`方法来扩大可点击区域。例如: ```swift override func hitTest(_ point: CGPoint, with event: UIEvent?) -&gt; UIView? { let expandedArea =...

    IOS应用源码之ios按钮样式制作大全(20种不同风格的按钮制作方法).rar

    8. **触摸区域**:通过`hitTest(_:with:)`方法和`exclusiveTouch`属性,可以调整按钮的可触摸区域,实现扩大或缩小触摸响应范围。 9. **AutoLayout**:为了适配不同屏幕尺寸,通常会使用AutoLayout进行布局,确保...

    RemoteControlDemo.zip

    为了确保良好的用户体验,"RemoteControlDemo"还可能关注按钮的触摸区域和响应范围。有时,仅仅改变按钮的视觉大小是不够的,还需要扩大其实际的触摸区域,使用户更容易触发按钮的点击事件。这可以通过设置UIButton...

    ButtonHitAreaTest:此存储库包含我的博客文章的示例代码

    例如,按钮的实际视觉元素可能比其实际的可点击区域小,导致用户需要精确地触摸按钮的特定部分才能触发响应。为了解决这个问题,开发者可以通过自定义hitTest:withEvent:方法来扩大按钮的打击区域。 hitTest:...

    按钮的动态乱步

    最后,对于按钮的响应区域和触摸事件,我们可以通过自定义`UIControl`子类或者扩展`UIButton`的方法来调整。例如,可以设置按钮的`hitTest:withEvent:`方法,以便扩大可点击区域,或者处理多点触控事件。 总结起来...

Global site tag (gtag.js) - Google Analytics