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];

}

上一篇:Java面试题[转载]


下一篇:VSTO学习笔记(四)从SharePoint 2010中下载文件