使用setImageEdgeInSet和setTitleEdgeInSet让按钮的图片和文字垂直居中上下显示

使用setImageEdgeInSet和setTitleEdgeInSet让按钮的图片和文字垂直居中上下显示   

今天完成了这个，整理为公用代码，分享一下，调用时只要设置好按钮图片和文字后，直接调用 centerImageAndTitle 即可

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface UIButton (UIButtonExt)

- (void)centerImageAndTitle:(float)space;
- (void)centerImageAndTitle;

@end

@implementation UIButton (UIButtonExt)

- (void)centerImageAndTitle:(float)spacing
{    
    // get the size of the elements here for readability
    CGSize imageSize = self.imageView.frame.size;
    CGSize titleSize = self.titleLabel.frame.size;
    
    // get the height they will take up as a unit
    CGFloat totalHeight = (imageSize.height + titleSize.height + spacing);
    
    // raise the image and push it right to center it
    self.imageEdgeInsets = UIEdgeInsetsMake(
                                                  - (totalHeight - imageSize.height), 0.0, 0.0, - titleSize.width);
    
    // lower the text and push it left to center it
    self.titleEdgeInsets = UIEdgeInsetsMake(
                                                  0.0, - imageSize.width, - (totalHeight - titleSize.height), 0.0);    
}

- (void)centerImageAndTitle
{
    const int DEFAULT_SPACING = 6.0f;
    [self centerImageAndTitle:DEFAULT_SPACING];
}

@end