首先必須要了解以下四個概念
1.titleEdgeInsets是titleLabel相對于其上下左右的inset，跟》tableView的contentInset是類似的蛤织；
2.如果只有title香伴，那titleLabel的 上下左右 都是 相對于Button 的；
3.如果只有image，那imageView的 上下左右 都是 相對于Button 的恒序；
4.如果同時(shí)有image和label，那image的 上下左 是 相對于Button 的谁撼，右 是 相對于label 的歧胁；
label的 上下右 是 相對于Button的， 左 是 相對于label 的彤敛。
調(diào)整insets的例子与帆，讓圖片和文字互換位置
更改前
更改后
也就是最終我們希望圖片上下位置不變top = 0, bottom = 0;向右位移一個label的寬度
同時(shí)標(biāo)題上下位置不變top = 0, bottom = 0;向左位移一個圖片的寬度。即 imageEdgeInsets = UIEdgeInsetsMake(0,0 + labelWidth,0,0 - labelWidth); 圖片相對初始狀態(tài)左邊距加了labelWidth墨榄，右邊減labelWidth玄糟，以及titleEdgeInsets ＝ UIEdgeInsetsMake(0,0 - imageViewWidth,0, 0 + imageViewWidth);
ls: 我是這樣理解的，UIbutton的圖片默認(rèn)insets.right已含有文字的偏移量袄秩，而文字默認(rèn)insets.left也已經(jīng)默認(rèn)含有圖片的偏移量阵翎。因此imageEdgeInsets.left 加了labelWidth之后，imageEdgeInsets.right要減去labelWidth...而titleEdgeInsets同理之剧，不然只加上Inset值而不減的話文字和圖片會同時(shí)居中
另外郭卫，補(bǔ)充一下以下四種情況：(可以寫一個分類并且給原有類加一個方法)
.h文件
typedef NS_ENUM(NSUInteger, MKButtonEdgeInsetsStyle) {
MKButtonEdgeInsetsStyleTop, // image在上，label在下
MKButtonEdgeInsetsStyleLeft, // image在左背稼，label在右
MKButtonEdgeInsetsStyleBottom, // image在下贰军，label在上
MKButtonEdgeInsetsStyleRight // image在右，label在左
};
/**
* 設(shè)置button的titleLabel和imageView的布局樣式蟹肘，及間距
*
* @param style titleLabel和imageView的布局樣式
* @param space titleLabel和imageView的間距
*/
- (void)layoutButtonWithEdgeInsetsStyle:(MKButtonEdgeInsetsStyle)style
imageTitleSpace:(CGFloat)space;
.m文件
- (void)layoutButtonWithEdgeInsetsStyle:(MKButtonEdgeInsetsStyle)style
imageTitleSpace:(CGFloat)space
{
// 1. 得到imageView和titleLabel的寬词疼、高
CGFloat imageWith = self.imageView.frame.size.width;
CGFloat imageHeight = self.imageView.frame.size.height;
CGFloat labelWidth = 0.0;
CGFloat labelHeight = 0.0;
if ([UIDevice currentDevice].systemVersion.floatValue >= 8.0) {
// 由于iOS8中titleLabel的size為0，用下面的這種設(shè)置
labelWidth = self.titleLabel.intrinsicContentSize.width;
labelHeight = self.titleLabel.intrinsicContentSize.height;
} else {
labelWidth = self.titleLabel.frame.size.width;
labelHeight = self.titleLabel.frame.size.height;
}
// 2. 聲明全局的imageEdgeInsets和labelEdgeInsets
UIEdgeInsets imageEdgeInsets = UIEdgeInsetsZero;
UIEdgeInsets labelEdgeInsets = UIEdgeInsetsZero;
// 3. 根據(jù)style和space得到imageEdgeInsets和labelEdgeInsets的值
switch (style) {
case MKButtonEdgeInsetsStyleTop:
{
imageEdgeInsets = UIEdgeInsetsMake(-labelHeight-space/2.0, 0, 0, -labelWidth);
labelEdgeInsets = UIEdgeInsetsMake(0, -imageWith, -imageHeight-space/2.0, 0);
}
break;
case MKButtonEdgeInsetsStyleLeft:
{
imageEdgeInsets = UIEdgeInsetsMake(0, -space/2.0, 0, space/2.0);
labelEdgeInsets = UIEdgeInsetsMake(0, space/2.0, 0, -space/2.0);
}
break;
case MKButtonEdgeInsetsStyleBottom:
{
imageEdgeInsets = UIEdgeInsetsMake(0, 0, -labelHeight-space/2.0, -labelWidth);
labelEdgeInsets = UIEdgeInsetsMake(-imageHeight-space/2.0, -imageWith, 0, 0);
}
break;
case MKButtonEdgeInsetsStyleRight:
{
imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth+space/2.0, 0, -labelWidth-space/2.0);
labelEdgeInsets = UIEdgeInsetsMake(0, -imageWith-space/2.0, 0, imageWith+space/2.0);
}
break;
default:
break;
}
// 4. 賦值
self.titleEdgeInsets = labelEdgeInsets;
self.imageEdgeInsets = imageEdgeInsets;
}
參考文案帘腹，并感謝作者
http://www.reibang.com/p/3052a3b14a4e
http://www.reibang.com/p/62850b201049
