1、将下载的JSBadgeView解压缩后添加到工程中,引入头文件, 添加QuartzCore.framework
2、假设要在页面中的button上添加一个Badge,在页面上添加一个button,创建映射
@property (retain, nonatomic) IBOutlet UIButton *button;
3.在需要添加badge处添加代码
//1.此处alignment有九种状态可设置,一般放在右上角
JSBadgeView *badgeView = [[JSBadgeView alloc ] initWithParentView:self.button alignment:JSBadgeViewAlignmentTopRight];
// 设置badgeView中的text值,不一定是数字
badgeView.badgeText = @"12";
//还可设置badgeView的text字体,圆圈的颜色,阴影颜色等,参照JSBadgeView.h中的属性进行自定义
[self.button addSubview:badgeView];
[self.view sendSubviewToBack:self.button];
//2.如果显示的位置不对,可以自己调整
self.badgeView.badgePositionAdjustment = CGPointMake(-15, 10);
//3、如果多个的badge,可以设置tag要辨别
self.badgeView.tag = IN_AREA_NEW_TASKS_TAG;
//4.背景色
self.badgeView.badgeBackgroundColor = [UIColor redColor];
//没有反光面
self.badgeView.badgeOverlayColor = [UIColor clearColor];
//5、外圈的颜色,默认是白色
self.badgeView.badgeStrokeColor = [UIColor redColor];
/*****设置数字****/
//6、用字符self.badgeView.badgeText = @"1";
//2、如果不显示就设置为空
self.badgeView.badgeText = nil;
//当更新数字时,最好刷新,不然由于frame固定的,数字为2位时,红圈变形
[self.badgeView setNeedsLayout];
网友评论