JSBadgeView详细使用方法(实现自定义Badge)

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

你可能感兴趣的:(JSBadgeView详细使用方法(实现自定义Badge))