iOS开发之UIButton

本文主要是自定义UIButton，调整UIButton内部的文字和图标的位置（交换按钮和图标的位置）

新建一个继承自UIButton的类，在.m文件中实现UIButton自带的两个方法：titleRectForContentRect:和imageRectForContentRect:

来看一下正常的按钮样式：

下面开始自定义：

/**
 *  计算按钮文字的位置和尺寸
 */
- (CGRect)titleRectForContentRect:(CGRect)contentRect {
    
    CGFloat titleX = 0;// 文字的x坐标为0
    CGFloat titleY = 0;// 文字的y坐标为0
    CGFloat titleH = contentRect.size.height;// 文字的高度就等于按钮的高度
    // 根据文字计算文字的宽度
    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
    attrs[NSFontAttributeName] = [UIFont systemFontOfSize:16.0];// 字体
    CGFloat titleW = [self.currentTitle boundingRectWithSize:CGSizeMake(MAXFLOAT, titleH) options:NSStringDrawingUsesLineFragmentOrigin attributes:attrs context:nil].size.width;// iOS7之后
    return CGRectMake(titleX, titleY, titleW, titleH);
}

/**
 *  计算按钮图标的位置和尺寸
 */
- (CGRect)imageRectForContentRect:(CGRect)contentRect {
    
    // 图标的宽度
    CGFloat imageH = contentRect.size.height;// 图标的高度就等于按钮的高度
    CGFloat imageW = imageH;
    CGFloat imageX = contentRect.size.width - imageH;// 图标的x坐标
    CGFloat imageY = 0;// 图标的y坐标为0
    
    return CGRectMake(imageX, imageY, imageW, imageH);
    
}

接下来就是根据需要对按钮内部的文字和图标进行微调

// 如果按钮是从xib文件中加载的
- (instancetype)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];
    if (self) {
        [self setup];
    }
    return self;
}

// 如果是用代码创建按钮
- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        [self setup];
    }
    return self;
}
/**
 *  初始化方法
 */
- (void)setup {
    // 设置图片居中
    self.imageView.contentMode = UIViewContentModeCenter;
    
    // 按钮文字的字体一定要和计算的时候相同
    self.titleLabel.font = [UIFont systemFontOfSize:16.0];
    
    // 高亮时不需要调整图片
    self.adjustsImageWhenHighlighted = NO;

}

运行之后按钮就变成这样的了：

这样的按钮通常情况下都是显示在导航栏的标题中。

按钮的高亮状态会让按钮变的灰灰的，有时候我们需要取消按钮的高亮状态，这个时候我们需要重写setHighlighted:方法来覆盖父方法。

// 重写方法，覆盖父方法，取消按钮的高亮状态
- (void)setHighlighted:(BOOL)highlighted {
    
}

这样即可取消按钮的高亮状态。