ios 消息按钮添加角标显示

   在做聊天时,其它界面的消息按钮展示,会遇到显示未读消息条数的情况.

   今天整理下,处理消息角标设置方法.

   直接上代码.

   创建一个类 BageButton继承UIButton类,并拓展这个按钮的属性.

   .h文件:

//设置角标数字font

#define SCBadgeNumberFontSize [UIFont systemFontOfSize:8]

@interface JKBadgeView :
UIButton

/**

 *  badgeView上显示的数字

 */

@property (nonatomic,
copy) NSString *badgeValue;

@end

   .m文件:

- (instancetype)initWithFrame:(CGRect)frame {

    

    self = [super
initWithFrame:frame];

    

    if (self) {

        // 不允许点击

        self.userInteractionEnabled =
NO;

        

        // 设置字体

        self.titleLabel.font
= SCBadgeNumberFontSize;

                

        // 设置居右

        self.titleLabel.textAlignment =
NSTextAlignmentRight;

        

        // 字体颜色

        [self
setTitleColor:[UIColor
redColor] forState:UIControlStateNormal];

    }

    

    return
self;

}

- (void)setBadgeValue:(NSString *)badgeValue

{

    // 设置属性

    _badgeValue = badgeValue;

    

    // 设置badgeView内容

    [self
setBadgeViewWithbadgeValue:badgeValue];

}

- (void)setBadgeViewWithbadgeValue:(NSString *)badgeValue {

    // 设置文字内容

    [self
setTitle:badgeValue forState:UIControlStateNormal];

    

    // 判断是否有内容,设置隐藏属性

    if (badgeValue.length ==
0 ||

        [badgeValue isEqualToString:@"0"]||[JK_Helper
isStringEmpty:badgeValue]) {

        // 数值内容为空或数值为0，则隐藏

        self.hidden =
YES;

    }

    else {

        self.hidden =
NO;

    }

    

    long badgeNumber = [badgeValue
longLongValue];

    // 如果文字尺寸大于控件宽度

    if (badgeNumber >
9 && badgeNumber < 100) {

        // 显示中等大小图片

        [self
setBackgroundImage:[UIImage
imageNamed:@""]

                        forState:UIControlStateNormal];

    }

    else if (badgeNumber >
99) {

        // 设置文字内容

        [self
setTitle:@"99+"
forState:UIControlStateNormal];

        // 显示内容和大红点背景

        [self
setBackgroundImage:[UIImage
imageNamed:@""]

                        forState:UIControlStateNormal];

        

    } else {

        // 设置图片

        //badge_cart_icon3

        [self
setBackgroundImage:[UIImage
imageNamed:@""]

                        forState:UIControlStateNormal];

        

    }

    

    // 尺寸自适应

    [self
sizeToFit];

}

@end

   在需要使用角标按钮的地方,直接用BageButton 来创建这个按钮就ok了.