iOS UIButton图文调整

一、前言

UIButton的Image默认在左边，title默认在右边。并且在iOS系统低版本SDK中并没有很好用的API来控制两者的相对位置和两者的间距问题，这里提供一种解决方案，可以直接拷贝到项目中使用。如果出现图片、文案显示不全，则可能UIButton的高度、宽度不符合要求，需要您重新计算调整一下。

二、具体解决方案

1、左image + 右title

CGFloat spacing = 8;  //图文间距
_yourBtn.imageEdgeInsets = UIEdgeInsetsMake(0, - (spacing / 2), 0, spacing / 2);
_yourBtn.titleEdgeInsets = UIEdgeInsetsMake(0, spacing / 2, 0, - (spacing / 2));

2、左title + 右image

CGFloat spacing = 8;  //图文间距
CGFloat labelWidth = [_yourBtn.titleLabel.text boundingRectWithSize:CGSizeZero options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:_yourBtn.titleLabel.font} context:nil].size.width;
CGFloat imageWidth = _yourBtn.imageView.image.size.width;
_yourBtn.imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth + spacing / 2, 0, - (labelWidth + spacing) / 2);
_yourBtn.titleEdgeInsets = UIEdgeInsetsMake(0, - (imageWidth + spacing / 2), 0, imageWidth + spacing / 2);

//补充一种transform翻转的用法(好用)
CGFloat space = 10;
_yourBtn.transform = CGAffineTransformMakeScale(-1.0, 1.0);
_yourBtn.titleLabel.transform =  CGAffineTransformMakeScale(-1.0, 1.0);
_yourBtn.imageView.transform =  CGAffineTransformMakeScale(-1.0, 1.0); 
_yourBtn.imageEdgeInsets = UIEdgeInsetsMake(0, -space/2, 0, space/2);
_yourBtn.titleEdgeInsets = UIEdgeInsetsMake(0, space/2, 0, -space/2);

3、上image + 下title

CGFloat spacing = 8;  //图文间距
CGSize labelSize = [_yourBtn.titleLabel.text boundingRectWithSize:CGSizeZero options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:_yourBtn.titleLabel.font} context:nil].size;
CGSize imageSize = _yourBtn.imageView.image.size;
CGFloat totalHeight = labelSize.height + imageSize.height + spacing;
_yourBtn.imageEdgeInsets = UIEdgeInsetsMake( - (totalHeight - imageSize.height) / 2, labelSize.width / 2, (totalHeight - imageSize.height) / 2, - labelSize.width / 2);
_yourBtn.titleEdgeInsets = UIEdgeInsetsMake( (totalHeight - labelSize.height) / 2, - imageSize.width / 2, - ((totalHeight - labelSize.height) / 2), imageSize.width / 2);

4、上title + 下image

CGFloat spacing = 8;  //图文间距
CGSize labelSize = [_yourBtn.titleLabel.text boundingRectWithSize:CGSizeZero options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:_yourBtn.titleLabel.font} context:nil].size;
CGSize imageSize = _yourBtn.imageView.image.size;
CGFloat totalHeight = labelSize.height + imageSize.height + spacing;
_yourBtn.imageEdgeInsets = UIEdgeInsetsMake( (totalHeight - imageSize.height) / 2, labelSize.width / 2, - (totalHeight - imageSize.height) / 2, - labelSize.width / 2);
_yourBtn.titleEdgeInsets = UIEdgeInsetsMake( - (totalHeight - labelSize.height) / 2, - imageSize.width / 2, ((totalHeight - labelSize.height) / 2), imageSize.width / 2);