titleEdgeInsets和imageEdgeInsets 调整Button内部布局

要实现上述功能，我们可以给UIButton来写一个分类:

typedef NS_ENUM(NSUInteger, AxsButtonEdgeInsetsStyle) {
    GYButtonEdgeInsetsStyleTop,    // image在上，label在下
    GYButtonEdgeInsetsStyleLeft,   // image在左，label在右
    GYButtonEdgeInsetsStyleBottom, // image在下，label在上
    GYButtonEdgeInsetsStyleRight,   // image在右，label在左
    GYButtonEdgeInsetsStyleRightBottom,   // image在右下，label在左
    GYButtonEdgeInsetsStyleDefault,
};

@interface UIButton (ImageTitleSpacing)

/**
 *  设置button的titleLabel和imageView的布局样式，及间距
 *
 *  @param style titleLabel和imageView的布局样式
 *  @param space titleLabel和imageView的间距
 */
- (void)layoutButtonWithEdgeInsetsStyle:(GYButtonEdgeInsetsStyle)style
                        imageTitleSpace:(CGFloat)space;


/**

 @param style titleLabel和imageView的布局样式
 @param space titleLabel和imageView的间距
 @param isAdaption 是否适应宽度
 */
- (void)layoutButtonWithEdgeInsetsStyle:(GYButtonEdgeInsetsStyle)style
                        imageTitleSpace:(CGFloat)space
                             isAdaption:(BOOL)isAdaption;


//.m文件的内容
- (void)layoutButtonWithEdgeInsetsStyle:(GYButtonEdgeInsetsStyle)style
                        imageTitleSpace:(CGFloat)space
{
    [self layoutButtonWithEdgeInsetsStyle:style imageTitleSpace:space isAdaption:NO];
}

- (void)layoutButtonWithEdgeInsetsStyle:(GYButtonEdgeInsetsStyle)style
                        imageTitleSpace:(CGFloat)space
                             isAdaption:(BOOL)isAdaption{

    /**
     *  前置知识点：titleEdgeInsets是title相对于其上下左右的inset，跟tableView的contentInset是类似的，
     *  如果只有title，那它上下左右都是相对于button的，image也是一样；
     *  如果同时有image和label，那这时候image的上左下是相对于button，右边是相对于label的；title的上右下是相对于button，左边是相对于image的。
     */
    // 1. 得到imageView和titleLabel的宽、高
    CGFloat imageWith = CGRectGetWidth(self.imageView.frame);
    CGFloat imageHeight = CGRectGetHeight(self.imageView.frame);
    
    CGFloat labelWidth = 0.0;
    CGFloat labelHeight = 0.0;
    if (isAdaption) {//实际宽高(适应)
        labelWidth = self.titleLabel.frame.size.width;
        labelHeight = self.titleLabel.frame.size.height;
    } else {//真实宽高(不适应)
        labelWidth = self.titleLabel.intrinsicContentSize.width;
        labelHeight = self.titleLabel.intrinsicContentSize.height;
    }

    // 2. 声明全局的imageEdgeInsets和labelEdgeInsets
    UIEdgeInsets imageEdgeInsets = UIEdgeInsetsZero;
    UIEdgeInsets labelEdgeInsets = UIEdgeInsetsZero;
    
    // 3. 根据style和space得到imageEdgeInsets和labelEdgeInsets的值
    switch (style) {
        case GYButtonEdgeInsetsStyleTop:
        {
            imageEdgeInsets = UIEdgeInsetsMake(-labelHeight-space/2.0, 0, 0, -labelWidth);
            labelEdgeInsets = UIEdgeInsetsMake(0, -imageWith, -imageHeight-space/2.0, 0);
        }
            break;
        case GYButtonEdgeInsetsStyleLeft:
        {
            imageEdgeInsets = UIEdgeInsetsMake(0, -space/2.0, 0, space/2.0);
            labelEdgeInsets = UIEdgeInsetsMake(0, space/2.0, 0, -space/2.0);
        }
            break;
        case GYButtonEdgeInsetsStyleBottom:
        {
            imageEdgeInsets = UIEdgeInsetsMake(0, 0, -labelHeight-space/2.0, -labelWidth);
            labelEdgeInsets = UIEdgeInsetsMake(-imageHeight-space/2.0, -imageWith, 0, 0);
        }
            break;
        case GYButtonEdgeInsetsStyleRight:
        {
            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;
        case GYButtonEdgeInsetsStyleRightBottom:
        {
            imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth+space/2.0, -labelHeight/2.0+imageHeight/2.0, -labelWidth-space/2.0);
            labelEdgeInsets = UIEdgeInsetsMake(0, -imageWith-space/2.0, 0, imageWith+space/2.0);
            break;
        }
        case GYButtonEdgeInsetsStyleDefault:
        {
            imageEdgeInsets = UIEdgeInsetsZero;
            labelEdgeInsets = UIEdgeInsetsZero;
        }
            break;
        default:
            break;
    }
    // 4. 赋值
    self.titleEdgeInsets = labelEdgeInsets;
    self.imageEdgeInsets = imageEdgeInsets;
}

使用：

//创建一个按钮
AxsEnlargeButton *button = [self newButtonWithImage:nil
                                              highlightedImage:nil
                                                         frame:frame
                                                         title:title
                                                    titleColor:titleColor
                                              titleShadowColor:nil
                                                          font:kFontSize6_new(14)
                                                        target:self
                                         action:@selector(bottomItemClick:)];
    [button setImage:icon forState:UIControlStateNormal];
    //设置按钮整体内容 居中显示
    button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;
    // 根据我们写的分类， 调整图片和文字内容的显示样式， 以及间距
    [button layoutButtonWithEdgeInsetsStyle:style imageTitleSpace:scaleX_6(3)];

扩展UIbutton的点击区域

/// 继承UIButton，增加扩展点击区域的方法
@interface AxsEnlargeButton : UIButton

//扩展点击区域，enlargedEdgeInsets的四个值都设置为enlargedEdge
@property (nonatomic, assign) CGFloat enlargedEdge;

//扩展点击区域
@property (nonatomic, assign) UIEdgeInsets enlargedEdgeInsets;

//设置扩展点击区域
- (void)setEnlargedEdgeWithTop:(CGFloat)top
                          left:(CGFloat)left
                        bottom:(CGFloat)bottom
                         right:(CGFloat)right;

.m文件内容：

- (void)setEnlargedEdge:(CGFloat)enlargedEdge {
    _enlargedEdge = enlargedEdge;
    self.enlargedEdgeInsets = UIEdgeInsetsMake(enlargedEdge, enlargedEdge, enlargedEdge, enlargedEdge);
}

- (void)setEnlargedEdgeWithTop:(CGFloat)top left:(CGFloat)left bottom:(CGFloat)bottom right:(CGFloat)right {
    self.enlargedEdgeInsets = UIEdgeInsetsMake(top, left, bottom, right);
}

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    if(self.alpha <= 0.01 || !self.userInteractionEnabled || self.hidden){
        return nil;
    }
    //扩展点击区域
    UIEdgeInsets enlarge = self.enlargedEdgeInsets;
    //如果扩展点击区域为0，则不需要进行扩展
    if (UIEdgeInsetsEqualToEdgeInsets(enlarge, UIEdgeInsetsZero)) {
        return [super hitTest:point withEvent:event];
    }
    //获取扩展后的响应区域
    CGRect enlargedRect = [self enlargeRect:self.bounds insets:enlarge];
    return [self testContainsPoint:enlargedRect point:point] ? self :nil;
}

- (BOOL)testContainsPoint:(CGRect)rect point:(CGPoint)point {
    UIWindow *window = [UIApplication sharedApplication].keyWindow;
    CGRect rectInWindow = [self convertRect:rect toView:window];
    CGPoint pointInWindow = [self convertPoint:point toView:window];
    
    return CGRectContainsPoint(rectInWindow, pointInWindow);
}

- (CGRect)enlargeRect:(CGRect)rect insets:(UIEdgeInsets)enlarge {
    CGRect enlargeRect = CGRectMake(rect.origin.x - enlarge.left, rect.origin.y - enlarge.top, rect.size.width + enlarge.left + enlarge.right, rect.size.height + enlarge.top + enlarge.bottom);
    return enlargeRect;
}