IOS总结实现UIButton的图文混排 同时显示文字和图片
默认情况下，在UIButton中既添加文字，又添加图片的时候，图片是显示在文字的左边。
当我们实际需要图片显示在文字的右边的时候，需要重写UIButton的方法。
如下代码实现的功能就是：文字在左边，图片在右边。
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self)
{
self.backgroundColor = [UIColor purpleColor];
[self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
self.titleLabel.textAlignment = NSTextAlignmentCenter;
self.imageView.contentMode = UIViewContentModeCenter;
}
return self;
}
- (CGRect)titleRectForContentRect:(CGRect)contentRect
{
CGFloat titleX = 0;
CGFloat titleY = 0;
CGFloat titleW = self.width - IWTitleImageWidth;
CGFloat titleH = self.height;
return CGRectMake(titleX, titleY, titleW, titleH);
}
- (CGRect)imageRectForContentRect:(CGRect)contentRect
{
CGFloat imageX = self.width - IWTitleImageWidth;
CGFloat imageY = 0;
CGFloat imageH = self.height;
CGFloat imageW = IWTitleImageWidth;
return CGRectMake(imageX, imageY, imageW, imageH);
}
根据此原理，我们也可以调整图片在上，文字在下。
还有一种情况，就是让图片和文字有一定的距离，代码如下：
// 添加分享按钮
UIButton *shareButton = [[UIButton alloc] init];
// 设置文字和颜色
[shareButton setTitle:@"分享给大家" forState:UIControlStateNormal];
[shareButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
// 设置图标
[shareButton setImage:[UIImage imageWithName:@"new_feature_share_false"] forState:UIControlStateNormal];
[shareButton setImage:[UIImage imageWithName:@"new_feature_share_true"] forState:UIControlStateSelected];
// 设置frame
shareButton.width = 200;
shareButton.height = 35;
shareButton.centerX = self.view.width * 0.5;
shareButton.centerY = self.view.height * 0.7;
shareButton.titleEdgeInsets = UIEdgeInsetsMake(0, 20, 0, 0);//四个参数分别是距离top,left,bottom，right的距离。