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

项目中经常会遇到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];

}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值