UIButton上同时显示图片和文字的方法

标签：

copy from CPLASF_lixj  http://blog.csdn.net/qijianli/article/details/8152726

项目中经常会遇到Button上同时显示图片和文字，且图片和文字上下排列，同事用到的方法是在UIButton上添加一个UIImageView和UILable控件，这样做代码比较繁琐，然后我就试着扩展了UIButton，代码如下：

在.h文件中：

@interface UIButton (UIButtonImageWithLable)

- (void) setImage:(UIImage *)image withTitle:(NSString *)title forState:(UIControlState)stateType;

@end

在.m文件中：

- (void) setImage:(UIImage *)image withTitle:(NSString *)title forState:(UIControlState)stateType {

    //UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)

    CGSize titleSize = [title sizeWithFont:HELVETICANEUEMEDIUM_FONT(12.0f)];

    [self.imageView setContentMode:UIViewContentModeCenter];

    [self setImageEdgeInsets:UIEdgeInsetsMake(-8.0,

                                              0.0,

                                              0.0,

                                              -titleSize.width)];

    [self setImage:image forState:stateType];

    [self.titleLabel setContentMode:UIViewContentModeCenter];

    [self.titleLabel setBackgroundColor:[UIColor clearColor]];

    [self.titleLabel setFont:HELVETICANEUEMEDIUM_FONT(12.0f)];

    [self.titleLabel setTextColor:COLOR_ffffff];

    [self setTitleEdgeInsets:UIEdgeInsetsMake(30.0,

                                              -image.size.width, 

                                              0.0,

                                              0.0)];

    [self setTitle:title forState:stateType];

}

备注：如果不需要上下显示，只需要横向排列的时候，就不需要设置左右偏移量了，代码如下

- (void) setImage:(UIImage *)image withTitle:(NSString *)title forState:(UIControlState)stateType {

    //UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)

    CGSize titleSize = [title sizeWithFont:HELVETICANEUEMEDIUM_FONT(12.0f)];

    [self.imageView setContentMode:UIViewContentModeCenter];

    [self setImageEdgeInsets:UIEdgeInsetsMake(-8.0,

                                              0.0,

                                              0.0,

                                              0.0)];

    [self setImage:image forState:stateType];

    [self.titleLabel setContentMode:UIViewContentModeCenter];

    [self.titleLabel setBackgroundColor:[UIColor clearColor]];

    [self.titleLabel setFont:HELVETICANEUEMEDIUM_FONT(12.0f)];

    [self.titleLabel setTextColor:COLOR_ffffff];

    [self setTitleEdgeInsets:UIEdgeInsetsMake(30.0,

                                              0.0, 

                                              0.0,

                                              0.0)];

    [self setTitle:title forState:stateType];

}

UIButton上同时显示图片和文字的方法

标签：

原文地址：http://www.cnblogs.com/wangyang1213/p/5411498.html