接上一篇--->1. 不自定义 Button,设置titleEdgeInsets 和 imageEdgeInsets 属性,代码如下:
UIButton *button02 = [[UIButton alloc] init];
button02.titleLabel.font = [UIFont systemFontOfSize:14];
[button02 setTitle:@"地区" forState:UIControlStateNormal];
UIImage *imageBtn02 = [UIImage imageNamed:@"YellowDownArrow"];
[button02 setImage:imageBtn02 forState:UIControlStateNormal];
[view addSubview:button02];
// 设置 frame
[button02 mas_makeConstraints:^(MASConstraintMaker *make) {
make.centerY.equalTo(view);
make.left.equalTo(view).offset(kScreenWidth / 8 * 3.5);
}];
// 如果用 Masnory 一定要调这句,不然约束有问题
[button02 layoutIfNeeded];
// 取出 titleLabel 的宽度
CGFloat labelWidth02 = button02.titleLabel.bounds.size.width;
// 取出 imageView 的宽度
CGFloat imageWidth02 = button02.imageView.bounds.size.width;
// 设置 titleLabel 的内边距
button02.titleEdgeInsets = UIEdgeInsetsMake(0, -imageWidth02, 0, imageWidth02);
// 设置 imageView 的内边距
button02.imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth02, 0, -labelWidth02);
2. 实现效果(见下图)
实现效果对比.png
3. 自定义 Button 和 系统 Button 对比(见下图):
1.如果用系统Button,那么直接设置Button的 titleEdgeInsets
和imageEdgeInsets
即可(就可以不用创建自定义Button)
2.但是每次要用到创建类似的Button的话,就要写这四句代码
3.当你的项目中有较多地方用到类似的Button的时候,建议考虑自定义,这样可能方便一些
个人小建议.png
4. 温馨提示:
1.如果使用 Masonry 框架进行自动布局的话,那么给 button 设置完约束以后一定要调用 [button02 layoutIfNeeded];
不然布局显示就会有问题(见下图):
没有调用[button layoutIfNeeded].png
2.调用
[button02 layoutIfNeeded];
布局显示正常(见下图):
调用[button layoutIfNeeded].png