#UIButton#自定义UIButton

原生UIButton创建：

- (void)viewDidLoad {
    [super viewDidLoad];

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    button.frame = CGRectMake(100, 100, 150, 50);
    button.backgroundColor = [UIColor yellowColor];
    // 注意：下面这种方式设置按钮文字没有效果
    // button.titleLabel.text = @"普通按钮";
    [button setTitle:@"普通按钮" forState:UIControlStateNormal];
    button.titleLabel.backgroundColor = [UIColor purpleColor];
    [button setImage:[UIImage imageNamed:@"miniplayer_btn_playlist_normal"] forState:UIControlStateNormal];
    // 注意：下面这种方式设置按钮文字没有效果
    // button.imageView.image = [UIImage imageNamed:@"miniplayer_btn_playlist_normal"];
    button.imageView.backgroundColor = [UIColor grayColor];
    
    [self.view addSubview:button];
} 

• 效果：

  
  
  

  Snip20160823_4.png

自定义Button

• 创建一个LHLUIButton类，继承UIButton

Snip20160823_5.png

• .m文件中

// 方法一：重写下面两个方法 重新设置子控件的frame
- (CGRect)titleRectForContentRect:(CGRect)contentRect{
    return CGRectMake(0, 0, 100, 50);
}

- (CGRect)imageRectForContentRect:(CGRect)contentRect{
    return CGRectMake(100, 0, 50, 50);
}

• 在ViewController中导入LHLUIButton，用LHLUIButton创建按钮

#import "ViewController.h"
#import "LHLButton.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    LHLButton *button = [LHLButton buttonWithType:UIButtonTypeCustom];
    button.frame = CGRectMake(100, 100, 150, 50);
    button.backgroundColor = [UIColor yellowColor];
    // 注意：下面这种方式设置按钮文字没有效果
    // button.titleLabel.text = @"普通按钮";
    [button setTitle:@"普通按钮" forState:UIControlStateNormal];
    button.titleLabel.backgroundColor = [UIColor purpleColor];
    [button setImage:[UIImage imageNamed:@"miniplayer_btn_playlist_normal"] forState:UIControlStateNormal];
    // 注意：下面这种方式设置按钮文字没有效果
    // button.imageView.image = [UIImage imageNamed:@"miniplayer_btn_playlist_normal"];
    button.imageView.backgroundColor = [UIColor grayColor];
    
    [self.view addSubview:button];
}

• 效果图：

  
  
  

  Snip20160823_6.png

• 重写initWithFrame方法，设置子控件属性

- (instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
        // 文本居中
        self.titleLabel.textAlignment = NSTextAlignmentCenter;
        // 改变图片的内容模式
        self.imageView.contentMode = UIViewContentModeScaleAspectFill;
    }
    return self;
}

• 也可重写layoutSubViews设置子控件的frame

// 方法二
- (void)layoutSubviews{
    // 注意：这里一定要调用父类的方法！！！！！
    [super layoutSubviews];
    self.titleLabel.frame = CGRectMake(0, 0, 100, 50);
    self.imageView.frame = CGRectMake(100, 0, 50, 50);
}

• 设置按钮的边距

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 设置按钮的内边距
    //1.设置内容
//    self.button.contentEdgeInsets = UIEdgeInsetsMake(-20, 0, 0, 0);
    
    // 2.设置图片
     self.button.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 0);
    
    // 3.设置标题
    self.button.titleEdgeInsets = UIEdgeInsetsMake(0, 0, 0, -10);
}