ios uiview 如何刷新_iOS基础控件系列之UIButton

• 常见的设置

设置按钮的图片

setBackgroundImage：图片会铺满整个按钮的区域

setImage：图片会居中显示实际图片大小

设置按钮文本不能用xxBtn.titleLabel.text，只能用setTitle:forState:方法

设置按钮字体则要用xxBtn.titleLabel.font

按钮文字水平右对齐：

[_btnComment setContentHorizontalAlignment:UIControlContentHorizontalAlignmentRight];

• 定时刷新按钮的文字，避免按钮闪烁的办法：

将UIButton的类型由system改为custom就OK

• 设置UIButton或者UILabel的下滑线：setAttributedTitle（富文本）

参考：iOS - UIButton设置文字标题下划线以及下划线颜色

• 设置图片填充方式：

[button imageView] setContentMode:UIViewContentModeScaleAspectFill];
 button.contentHorizontalAlignment= UIControlContentHorizontalAlignmentFill;
 button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;

• icon+文字的按钮

类似这样的按钮，有个好用的第三方的库QMUIButton，支持4个方向的图片和文字排列；

• 关于扩大按钮的点击区域

核心思路是通过在category中重写hittest点击检测方法，并不会改变按钮的实际大小，对隐藏的按钮也做了处理，给UIButton加个Category，使用起来很方便

.h文件

#import <UIKit/UIKit.h>

@interface UIButton (EnlargeTouchArea)

//扩大点击区域
- (void)ys_setEnlargeEdgeWithTop:(CGFloat) top right:(CGFloat) right bottom:(CGFloat) bottom left:(CGFloat) left;

//扩大点击区域  上下左右都是size大小
- (void)ys_setEnlargeEdge:(CGFloat)size;

@end

.m文件

#import "UIButton+EnlargeTouchArea.h"
#import <objc/runtime.h>

@implementation UIButton (EnlargeTouchArea)

static char topNameKey;
static char rightNameKey;
static char bottomNameKey;
static char leftNameKey;

- (void)ys_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)ys_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.hidden ? self.bounds : [self enlargedRect]);
    if (CGRectEqualToRect(rect, self.bounds))
    {
        return [super hitTest:point withEvent:event];
    }
    return CGRectContainsPoint(rect, point) ? self : nil;
}

@end

• 按钮的图片拉伸

核心是resizableImageWithCapInsets

参考iOS 解决button设置背景图片的时候拉伸变形的问题