ios UIButton 热区范围、文字图片位置等拓展类实现

   项目开发中,经常会遇到,按钮范围太小,点不到按钮,导致体验效果变差的情况.此时,可以给按钮设置个拓展类,来设置按钮的点击范围.解决这一问题!

   1.按钮热区范围: 

#import <UIKit/UIKit.h>

@interface UIButton (JKEnlargeTouchArea)

/** 设置按钮的点击范围

 */

- (void)setEnlargeEdgeWithTop:(CGFloat) top right:(CGFloat) right bottom:(CGFloat) bottom left:(CGFloat) left;

@end

//  设置按钮的点击范围

#import "UIButton+JKEnlargeTouchArea.h"

#import <objc/runtime.h>

@implementation UIButton (JKEnlargeTouchArea)

static char topNameKey;

static char rightNameKey;

static char bottomNameKey;

static char leftNameKey;

- (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

   2.按钮实现图片文字效果

   

#import <UIKit/UIKit.h>

// 定义一个枚举（包含了四种类型的button）

typedef NS_ENUM(NSUInteger,JKButtonEdgeInsetsStyle) {

    

    JKButtonEdgeInsetsStyleTop,//image在上，label在下

    JKButtonEdgeInsetsStyleLeft,//image在左，label在右

    JKButtonEdgeInsetsStyleBottom,//image在下，label在上

    JKButtonEdgeInsetsStyleRight//image在右，label在左

    

};

@interface UIButton (JKButtonImageTitleSpacing)

/**

  * 设置button的titleLabel和imageView的布局样式，及间距

  *

  * @param style titleLabel和imageView的布局样式

  * @param space titleLabel和imageView的间距

  */

- (void)layoutButtonWithEdgeInsetsStyle:(JKButtonEdgeInsetsStyle)style imageTitleSpace:(CGFloat)space;

@end

#import "UIButton+JKButtonImageTitleSpacing.h"

@implementation UIButton (JKButtonImageTitleSpacing)

-(void)layoutButtonWithEdgeInsetsStyle:(JKButtonEdgeInsetsStyle)style imageTitleSpace:(CGFloat)space

{

    

    // 1. 得到imageView和titleLabel的宽、高

    

    CGFloat imageWith = self.imageView.frame.size.width;

    CGFloat imageHeight = self.imageView.frame.size.height;

    

    CGFloat labelWidth = 0.0;

    CGFloat labelHeight = 0.0;

    if ([UIDevice currentDevice].systemVersion.floatValue >= 8.0) {

        // 由于iOS8中titleLabel的size为0，用下面的这种设置

        labelWidth = self.titleLabel.intrinsicContentSize.width;

        labelHeight = self.titleLabel.intrinsicContentSize.height;

    } else {

        labelWidth = self.titleLabel.frame.size.width;

        labelHeight = self.titleLabel.frame.size.height;

    }

    // 2. 声明全局的imageEdgeInsets和labelEdgeInsets

    UIEdgeInsets imageEdgeInsets = UIEdgeInsetsZero;

    UIEdgeInsets labelEdgeInsets = UIEdgeInsetsZero;

    // 3. 根据style和space得到imageEdgeInsets和labelEdgeInsets的值

    switch (style) {

        case JKButtonEdgeInsetsStyleTop:

        {

            imageEdgeInsets = UIEdgeInsetsMake(-labelHeight-space/2.0, 0, 0, -labelWidth);

            

            

            labelEdgeInsets = UIEdgeInsetsMake(0, -14, -imageHeight-space/2.0, 0)

            ;

        }

            break;

        case JKButtonEdgeInsetsStyleLeft:

        {

            imageEdgeInsets = UIEdgeInsetsMake(0, -space/2.0, 0, space/2.0);

            labelEdgeInsets = UIEdgeInsetsMake(0, space/2.0, 0, -space/2.0);

        }

            break;

        case JKButtonEdgeInsetsStyleBottom:

        {

            imageEdgeInsets = UIEdgeInsetsMake(0, 0, -labelHeight-space/2.0, -labelWidth);

            labelEdgeInsets = UIEdgeInsetsMake(-imageHeight-space/2.0, -imageWith, 0, 0);

        }

            break;

        case JKButtonEdgeInsetsStyleRight:

        {

            imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth+space/2.0, 0, -labelWidth-space/2.0);

            labelEdgeInsets = UIEdgeInsetsMake(0, -imageWith-space/2.0, 0, imageWith+space/2.0);

        }

            break;

        default:

            break;

    }

    // 4. 赋值

    self.titleEdgeInsets = labelEdgeInsets;

    self.imageEdgeInsets = imageEdgeInsets;

}

@end