UIButton之ImageEdgeInsets,TitleEdgeInsets详解

项目中，我们在设置一个button的时候，会给他设置一些属性，其中就包括标题，图片等，可是我们在给一个button设置蚊子和标题的时候会发觉图片总是不自觉的在左边，文字在右边，这就奇怪了吧，一般来说，项目中都是文字居左，图片居右才对啊，于是我们刚开始可能会想是不是属性设置错了，我们不用SetImage,我们改用setBackgroundImage,好吧，不行，肯定不行啊，很明显后边的设置的是背景色，怎么可能是自己想要的呢，于是看看文档呗，发现还可以设置button的图片和文字的偏移量，这样就好了：

typedefstruct UIEdgeInsets {

    CGFloat top, left, bottom, right; // specify amount to inset (positive) for each of the edges. values can be negative to 'outset'

} UIEdgeInsets;

从上边我们可以看出来便宜量是上，左，下，右。这么多的。。。看下边对这个详细解释：

imageEdgeInsets(top,left,bottom,right) 和 titleEdgeInsets(top,left,bottom,right)的值就是我们想要的最终结果与按钮初始状态比较图片和标题的位置分别在上下左右位移的值：

首先

CGFloat imageViewWidth = CGRectGetWidth(button.imageView.frame);

CGFloat labelWidth = CGRectGetWidth(button.titleLabel.frame);

CGFloat buttonWidth = CGRectGetWidth(button.frame);

默认状态UIButton 的  imageEdgeInsets ＝ UIEdgeInsetsMake(0,0,0,0);

titleEdgeInsets ＝ UIEdgeInsetsMake(0,0,0,0);

比如按钮的初始位置是这样

如果我们希望按钮最终是这样

也就是最终我们希望图片上下位置不变top = 0, bottom = 0;向右位移一个label的宽度

同时标题上下位置不变top = 0, bottom = 0;向左位移一个图片的宽度

即 imageEdgeInsets = UIEdgeInsetsMake(0,0 + labelWidth,0,0 - labelWidth); 图片相对初始状态左边距加了labelWidth，右边减labelWidth，以及titleEdgeInsets ＝ UIEdgeInsetsMake(0,0 - imageViewWidth,0, 0 + imageViewWidth);

如果希望图片和标题都居中，即相对于初始位置图片右移，标题左移

CGFloat  button_centerX =CGRectGetMidX(self.bounds);// bounds哦

CGFloat titleLabel_centerX =CGRectGetMidX(self.titleLabel.frame);

CGFloat imageView_centerX =CGRectGetMidX(self.imageView.frame);

imageEdgeInsets = UIEdgeInsetsMake(0,0 + (button_centerX - imageView_centerX),0,0 - (button_centerX - imageView_centerX));

以及titleEdgeInsets ＝ UIEdgeInsetsMake(0,0 - (titleLabel_centerX - button_centerX),0, 0 + (titleLabel_centerX - button_centerX)); 

OK！！！

Hope To Help You !

技术交流群：141624834 进群请说你看的那篇博客，我们一起探讨成长