扩大UIButton响应区域[按钮内有图片]

其实最好是用 UIControl来实现不推荐下面的实现方式，重写Button 可能也是个不错的方法，本人还没使用过

3种实现方式:建议重写button实现或者改用UIControll替换

1：重写Button 自己写一个类继承它，然后重写里面的两个函数

-(CGRect)imageRectForContentRect:(CGRect)bounds
{
    return CGRectMake(([UIScreen mainScreen].bounds.size.width/4-40)/2, 0, 40, 40);
}

-(CGRect)titleRectForContentRect:(CGRect)bounds
{
    return CGRectMake(0, 40, [UIScreen mainScreen].bounds.size.width/4, 20);
}

2: 改用UIControll 改控件有响应事件，同时可以向其中添加View

3：下面这种方式比较恶心，但是也可以实现预期的效果

这里默认图片是矩形，其实知道原理了计算起来就简单

效果图：灰色部分为按钮的响应区域

核心代码：为红色，特别注意，如果设置按钮的背景选择了另外的方式则 btn.imageEdgeInsets将无效

 

//图片都默认为矩形

    //当按钮是矩形的时候 即宽 高 一致

    CGFloat btnWidth = 44;

    CGFloat imgWidth = 25;

    CGFloat margin = (btnWidth-imgWidth)/2;

   

    UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(100, 100, btnWidth, btnWidth)];

    btn.backgroundColor = [UIColor grayColor];

     [btn setImage:[UIImage imageNamed:@"loginHead"] forState:UIControlStateNormal];

    [btn setImage:[UIImage imageNamed:@"btn2"] forState:UIControlStateHighlighted];

    [btn addTarget:self action:@selector(btnPress) forControlEvents:UIControlEventTouchUpInside];

     btn.imageEdgeInsets = UIEdgeInsetsMake(margin, margin, margin, margin);//上、左、下、右

   

   

    //当按钮是长方形的时候

    CGFloat widthBtn = 100;

    CGFloat heightBtn = 50;

    CGFloat margin_L_R = (widthBtn - imgWidth)/2;

    CGFloat margin_U_D = (heightBtn - imgWidth)/2;

   

    UIButton *btn2 = [[UIButton alloc]initWithFrame:CGRectMake(70, 145, widthBtn, heightBtn)];

    btn2.backgroundColor = [UIColor grayColor];

    [btn2 setImage:[UIImage imageNamed:@"loginHead"] forState:UIControlStateNormal];

    [btn2 setImage:[UIImage imageNamed:@"btn2"] forState:UIControlStateHighlighted];

    [btn2 addTarget:self action:@selector(btnPress) forControlEvents:UIControlEventTouchUpInside];

    btn2.imageEdgeInsets = UIEdgeInsetsMake(margin_U_D, margin_L_R, margin_U_D, margin_L_R);//上、左、下、右

   

   

    [self.view addSubview:btn];

    [self.view addSubview:btn2];