Ios 使用 imageEdgeInsets 和 titleEdgeInsets 对齐 UIButton 上的文本和图像

我同意imageEdgeInsets和titleEdgeInsets上的文档应该更好，但我知道如何在不诉诸try 和错误的情况下获得正确的定位.

这里的大意是this question，但这是在您希望文本和图像都居中的情况下.我们不希望图像和文本单独居中，我们希望图像和文本作为一个实体集中在一起.事实上，UIButton已经在这么做了，所以我们只需要调整间距即可.

CGFloat spacing = 10; // the amount of spacing to appear between image and title
tabBtn.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, spacing);
tabBtn.titleEdgeInsets = UIEdgeInsetsMake(0, spacing, 0, 0);

我还把它变成了UIButton的一个类别，这样就很容易使用了:

UIButton+Position.h个

@interface UIButton(ImageTitleCentering)

-(void) centerButtonAndImageWithSpacing:(CGFloat)spacing;

@end

UIButton+Position.m个

@implementation UIButton(ImageTitleCentering)

-(void) centerButtonAndImageWithSpacing:(CGFloat)spacing {
    self.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, spacing);
    self.titleEdgeInsets = UIEdgeInsetsMake(0, spacing, 0, 0);
}

@end

所以现在我要做的就是:

[button centerButtonAndImageWithSpacing:10];

每次我都能得到我想要的.无需再手动处理边缘插图.

EDIT: Swapping Image and Text个

在 comments 中回复@Javal

使用同样的机制，我们可以交换图像和文本.要完成交换，只需使用负间距，但也要包括文本和图像的宽度.这将要求帧是已知的，并且已经执行了布局.

[self.view layoutIfNeeded];
CGFloat flippedSpacing = -(desiredSpacing + button.currentImage.size.width + button.titleLabel.frame.size.width);
[button centerButtonAndImageWithSpacing:flippedSpacing];

当然，您可能想为此创建一个很好的方法，可能会添加第二个类别方法，这将留给读者作为练习.