使用方法:只需要新建一个分类将上面的代码拷贝,直接导入到需要使用的类中,调用方法就可以了,具体见下
// 导入头文件
#import "UIButton+ImageTitleSpacing.h"
// 我们随意创建一个按钮比如button,在设置完按钮的图片、标题和frame后,只需要加上如下代码:
[button layoutButtonWithEdgeInsetsStyle: 这里填样式 imageTitleSpace: 这里填写图片和文字的间距];
这样是不是很方便呢?
方法二:通过继承的方式实
新建一个继承自UIButton的类,重写layoutSubviews 方法,自己设置图片和文字的位置。
#import "TSSquareButton.h"
@implementation TSSquareButton
- (instancetype)initWithFrame:(CGRect)frame {
if (self = [super initWithFrame:frame]) {
// 设置图片的其他属性
self.titleLabel.textAlignment = NSTextAlignmentCenter;
self.titleLabel.font = [UIFont systemFontOfSize:12.0];
[self setBackgroundColor:[UIColor whiteColor]];
[self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
}
return self;
}
// 重写layoutSubviews方法,手动设置按钮子控件的位置
- (void)layoutSubviews {
[super layoutSubviews];
self.imageView.TS_width = self.TS_width * 0.4;
self.imageView.TS_height = self.imageView.TS_width;
self.imageView.TS_y = self.TS_height * 0.25;
self.imageView.TS_centerX = self.TS_width * 0.5;
self.titleLabel.TS_width = self.TS_width;
self.titleLabel.TS_y = self.imageView.TS_buttom ;
self.titleLabel.TS_height = 25;
self.titleLabel.TS_x = 0;
}
@end

两种方式运行结果
总结:
至此,设置图片的两种方法就已经讲完了。对比一下:
第一种通过分类的方式设置按钮非常方便,只需要一行代码就足够了,不需要我们自己计算UIEngeInsetsMake,适用于纯代码创建的按钮。 如果是Xib创建的按钮就用不了了。
第二种通过继承的方式重写layoutSubviews的方式设置按钮好处是既适用于纯代码创建的按钮,也适用于Xib创建的按钮,但是这种方法有一定的局限性,它只适用于同一类型的按钮。一类比如我一个界面中有几种不同类型的按钮,这时候就需要我们创建不同的继承UIButton 的按钮类,在layoutSubviews设置不同的位置关系。这样就相对复杂了。
两种方法各有利弊,各位可以根据自己的实际情况来选择使用。当然设置按钮图片和文字的位置并不止这两种方法,还有其他更好的方法等着我们去发现。如果你有什么更好的建议,也可以联系我,我们一同探讨学习。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!










