UIButton 擴大按鈕的響應(yīng)區(qū)域

在開發(fā)中有時會遇見設(shè)計圖里按鈕設(shè)計的特別小,這時會用到手動擴大UIButton的響應(yīng)范圍忍些,下面有兩個解決辦法:

第一種方法:創(chuàng)建一個類目:UIButton+EnlargeTouchArea

.h文件

#import <UIKit/UIKit.h>
 
@interface UIButton (EnlargeTouchArea)
 
/** 設(shè)置可點擊范圍到按鈕上察滑、右、下、左的距離 */
- (void)setEnlargeEdgeWithTop:(CGFloat) top right:(CGFloat) right bottom:(CGFloat) bottom left:(CGFloat) left;
 
/** 設(shè)置可點擊范圍到按鈕邊緣的距離 */
- (void)setEnlargeEdge:(CGFloat) size;
 
@end

.m文件

//
//  UIButton+EnlargeTouchArea.m
//  HeBeiFM
//
//  Created by Apple on 16/4/27.
//  Copyright ? 2016年 Apple. All rights reserved.
//
 
#import "UIButton+EnlargeTouchArea.h"
#import <objc/runtime.h>
 
@implementation UIButton (EnlargeTouchArea)
 
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;
    }
}
 
- (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

使用方法:

    UIButton *button = [UIButton new];
    [button setEnlargeEdge:20];
    //或者
    [button setEnlargeEdgeWithTop:20 right:20 bottom:20 left:20];

第二種:直接創(chuàng)建一個UIButton類誓竿,然后復(fù)寫pointInside方法

使用時繼承于此類即可

.h文件

#import <UIKit/UIKit.h>
 
@interface BiggerClickAreaButton : UIButton
 
@end

.m文件

#import "BiggerClickAreaButton.h"
 
@implementation BiggerClickAreaButton
 
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event
{
    CGRect bounds = self.bounds;
    //若原熱區(qū)小于44x44,則放大熱區(qū)谈截,否則保持原大小不變
    CGFloat widthDelta = MAX(44.0 - bounds.size.width, 0);
    CGFloat heightDelta = MAX(44.0 - bounds.size.height, 0);
    bounds = CGRectInset(bounds, -0.5 * widthDelta, -0.5 * heightDelta);
    return CGRectContainsPoint(bounds, point);
}
 
 
@end

使用時直接繼承創(chuàng)建即可

參考文章:
UIButton 擴大按鈕的響應(yīng)區(qū)域

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末筷屡,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子簸喂,更是在濱河造成了極大的恐慌毙死,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件喻鳄,死亡現(xiàn)場離奇詭異扼倘,居然都是意外死亡,警方通過查閱死者的電腦和手機除呵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進店門再菊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人颜曾,你說我怎么就攤上這事纠拔。” “怎么了泛豪?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵稠诲,是天一觀的道長。 經(jīng)常有香客問我诡曙,道長吕粹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任岗仑,我火速辦了婚禮匹耕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘荠雕。我一直安慰自己稳其,他們只是感情好驶赏,可當(dāng)我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著既鞠,像睡著了一般煤傍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上嘱蛋,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天蚯姆,我揣著相機與錄音,去河邊找鬼洒敏。 笑死龄恋,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的凶伙。 我是一名探鬼主播郭毕,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼函荣!你這毒婦竟也來了显押?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤傻挂,失蹤者是張志新(化名)和其女友劉穎乘碑,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體金拒,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡兽肤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了殖蚕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡沉迹,死狀恐怖睦疫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鞭呕,我是刑警寧澤蛤育,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站葫松,受9級特大地震影響瓦糕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜腋么,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一咕娄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧珊擂,春花似錦圣勒、人聲如沸费变。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挚歧。三九已至,卻和暖如春吁峻,著一層夾襖步出監(jiān)牢的瞬間滑负,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工用含, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留矮慕,地道東北人。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓耕餐,卻偏偏與公主長得像凡傅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子肠缔,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,933評論 2 355

推薦閱讀更多精彩內(nèi)容