app中扩大按钮(UIButton)响应区域
来源:互联网 发布:键盘弹钢琴软件下载 编辑:程序博客网 时间:2024/05/02 02:26
在你根据原型标注图搭建好界面之后经常会遇到产品经理提出要求:扩大按钮的点击响应范围和灵敏度,你肯定会有种想上去和他干一架的冲动,但你最后还是抑制住了自己默默地坐了下来,思考着解答方案,然后网上搜了一圈
根据设置按钮图片方法可分为两种方式
1.setImage: 设置图片内容显示模式为居中,然后再设置图片的边距和按钮的大小
[[button imageView] setContentMode: UIViewContentModeCenter];[[button setImage:[UIImage imageNamed:@"xxx.png"] forState:UIControlStateNormal];//根据需求设置图片与按钮周边的边距及按钮的frame[button setImageEdgeInsets:UIEdgeInsetsMake(10, 10, 10, 10)];button.frame = CGRectMake(30, 30, 30, 30);
2. setBackgroundImage:设置按钮背景图片上述方法就无效了,此时可以通过OC黑魔法来解决. 首先添加一个UIButton的category来重写hitTest,然后通过为分类添加的一个属性来扩大按钮的响应区域
UIButton+EnlargeHitArea.h@interface UIButton (Extensions)@property(nonatomic, assign) UIEdgeInsets hitTestEdgeInsets;@end
UIButton+EnlargeHitArea.m
#import "UIButton+EnlargeHitArea.h"#import <objc/runtime.h>@implementation UIButton (EnlargeHitArea)@dynamic hitTestEdgeInsets;static const NSString *KEY_HIT_TEST_EDGE_INSETS = @"HitTestEdgeInsets";-(void)setHitTestEdgeInsets:(UIEdgeInsets)hitTestEdgeInsets { NSValue *value = [NSValue value:&hitTestEdgeInsets withObjCType:@encode(UIEdgeInsets)]; objc_setAssociatedObject(self, &KEY_HIT_TEST_EDGE_INSETS, value, OBJC_ASSOCIATION_RETAIN_NONATOMIC);}-(UIEdgeInsets)hitTestEdgeInsets { NSValue *value = objc_getAssociatedObject(self, &KEY_HIT_TEST_EDGE_INSETS); if(value) { UIEdgeInsets edgeInsets; [value getValue:&edgeInsets]; return edgeInsets; }else { return UIEdgeInsetsZero; }}- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event { if(UIEdgeInsetsEqualToEdgeInsets(self.hitTestEdgeInsets, UIEdgeInsetsZero) || !self.enabled || self.hidden) { return [super pointInside:point withEvent:event]; } CGRect relativeFrame = self.bounds; CGRect hitFrame = UIEdgeInsetsInsetRect(relativeFrame, self.hitTestEdgeInsets); return CGRectContainsPoint(hitFrame, point);}@end
通过设置按钮分类的hitTestEdgeInsets属性扩大按钮的响应范围
#import "UIButton+EnlargeHitArea.h"[button setHitTestEdgeInsets:UIEdgeInsetsMake(-10, -10, -10, -10)];
两种按钮图片设置方式都可以使用按钮分类的方法来扩大按钮的响应区域
本文引用来自:stackoverflow
0 0
- app中扩大按钮(UIButton)响应区域
- UIButton 扩大按钮的响应区域
- 扩大UIButton响应区域[按钮内有图片]
- UIButton 扩大点击响应区域
- ios 扩大uibutton的响应区域
- ios 扩大uibutton的响应区域
- iOS开发 扩大UIButton的响应区域
- iOS 为UIButton扩大点击响应区域
- 关于扩大按钮响应区域的方法
- UIButton扩大响应区域 点击高亮光晕效果
- UIButton扩大响应区域 点击高亮光晕效果
- iOS 运用Runtime机制扩大UIButton的响应区域
- UIButton 扩大点击区域
- 扩大UIButton的点击区域
- iOS开发小记:运用Runtime机制扩大UIButton的响应区域
- iOS开发小记:运用Runtime机制扩大UIButton的响应区域
- UIButton增大响应区域
- UIButton增加响应区域
- Jquery Layer 插件关闭刷新父窗体
- Til the Cows Come Home 【最短路】
- ExtJS4——TextField
- 文章标题
- POJ2492 A Bug's Life
- app中扩大按钮(UIButton)响应区域
- 1000
- 如何滚动到UITabelView的底部(bottom)
- pod search XXX 库版本低于 Github 上库最新版本
- Mac OS X El Capitan 下安装 Scrapy
- symbol(s) not found for architecture arm64
- UIAlertView 显示 与 UITextFileld/UITextView 键盘弹出隐藏动画异常
- 让 iOS7 支持
- M-BUS相关资料