标签栏 UITabBarItem 角标
[A].UITabBar默认角标
UITabBar默认角标：（可以显示 角标，也可以会显示 数量）
UITabBarItem * item=[self.tabBarController.tabBar.items objectAtIndex:2]; if (_numberOfMsgs != 0) { //TabBarItem: 显示角标 item.badgeValue = @"";//仅仅显示角标 //显示数量 //item.badgeValue = [NSString stringWithFormat:@"%d",_numberOfMsgs]; } else { //无 消息 （数量为：0） item.badgeValue = nil; }效果：
无需 显示角标数值需要 显示角标数值
[B].自定义角标：添加类别
UITabBar自定义角标：根据自己App要求，调整了角标的大小、颜色，取消了数值的显示！
在
UITabBar+badge.h文件：#import <UIKit/UIKit.h> @interface UITabBar (badge) - (void)showBadgeOnItemIndex:(int)index; //显示小红点 - (void)hideBadgeOnItemIndex:(int)index; //隐藏小红点 @end在
UITabBar+badge.m文件：#import "UITabBar+badge.h" //App要求的红色 #define RedAppColor [UIColor colorWithRed:246.f/255.f green:96.f/255.f blue:96.f/255.f alpha:1.f] #define TabbarItemNums 5.0 //根据需求，设置 tabbar的角标数量 @implementation UITabBar (badge) //显示小红点 - (void)showBadgeOnItemIndex:(int)index{ //移除之前的小红点 [self removeBadgeOnItemIndex:index]; //新建小红点 UIView *badgeView = [[UIView alloc]init]; badgeView.tag = 666 + index; badgeView.layer.cornerRadius = 5.f;//圆形 (切圆角) badgeView.backgroundColor = RedAppColor;//颜色：App要求的红色 CGRect tabFrame = self.frame; //确定小红点的位置 float percentX = (index +0.6) / TabbarItemNums; CGFloat x = ceilf(percentX * tabFrame.size.width); CGFloat y = ceilf(0.1 * tabFrame.size.height); badgeView.frame = CGRectMake(x, y, 10, 10);//圆形大小为10 [self addSubview:badgeView]; } //隐藏小红点 - (void)hideBadgeOnItemIndex:(int)index{ //移除小红点 [self removeBadgeOnItemIndex:index]; } //移除小红点 - (void)removeBadgeOnItemIndex:(int)index{ //按照tag值进行移除 for (UIView *subView in self.subviews) { if (subView.tag == 666+index) { [subView removeFromSuperview]; } } } @endif (_numberOfMsgs != 0) { [self.tabBar showBadgeOnItemIndex:2]; //显示角标（根据item位置） } else { [self.tabBar hideBadgeOnItemIndex:2]; //隐藏角标（根据item位置） }效果：
导航栏UIBarButtonItem 角标
添加 “UIBarButtonItem+NavBarBadge”类别！
在“
UIBarButtonItem+NavBarBadge.h”文件：#import <UIKit/UIKit.h> @interface UIBarButtonItem (NavBarBadge) // Badge value to be display @property (nonatomic) NSString *badgeValue; // Badge background color @property (nonatomic) UIColor *badgeBGColor; // Badge text color @property (nonatomic) UIColor *badgeTextColor; // Badge font @property (nonatomic) UIFont *badgeFont; // Padding value for the badge @property (nonatomic) CGFloat badgePadding; // Minimum size badge to small @property (nonatomic) CGFloat badgeMinSize; // Values for offseting the badge over the BarButtonItem you picked @property (nonatomic) CGFloat badgeOriginX; @property (nonatomic) CGFloat badgeOriginY; // In case of numbers, remove the badge when reaching zero @property BOOL shouldHideBadgeAtZero; // Badge has a bounce animation when value changes @property BOOL shouldAnimateBadge; @end
在“
UIBarButtonItem+NavBarBadge.m”文件：#import "UIBarButtonItem+NavBarBadge.h" #import <objc/runtime.h> NSString const *UIBarButtonItem_badgeKey = @"UIBarButtonItem_badgeKey"; NSString const *UIBarButtonItem_badgeBGColorKey = @"UIBarButtonItem_badgeBGColorKey"; NSString const *UIBarButtonItem_badgeTextColorKey = @"UIBarButtonItem_badgeTextColorKey"; NSString const *UIBarButtonItem_badgeFontKey = @"UIBarButtonItem_badgeFontKey"; NSString const *UIBarButtonItem_badgePaddingKey = @"UIBarButtonItem_badgePaddingKey"; NSString const *UIBarButtonItem_badgeMinSizeKey = @"UIBarButtonItem_badgeMinSizeKey"; NSString const *UIBarButtonItem_badgeOriginXKey = @"UIBarButtonItem_badgeOriginXKey"; NSString const *UIBarButtonItem_badgeOriginYKey = @"UIBarButtonItem_badgeOriginYKey"; NSString const *UIBarButtonItem_shouldHideBadgeAtZeroKey = @"UIBarButtonItem_shouldHideBadgeAtZeroKey"; NSString const *UIBarButtonItem_shouldAnimateBadgeKey = @"UIBarButtonItem_shouldAnimateBadgeKey"; NSString const *UIBarButtonItem_badgeValueKey = @"UIBarButtonItem_badgeValueKey"; @implementation UIBarButtonItem (NavBarBadge) @dynamic badgeValue, badgeBGColor, badgeTextColor, badgeFont; @dynamic badgePadding, badgeMinSize, badgeOriginX, badgeOriginY; @dynamic shouldHideBadgeAtZero, shouldAnimateBadge; - (void)badgeInit { UIView *superview = nil; CGFloat defaultOriginX = 0; if (self.customView) { superview = self.customView; defaultOriginX = superview.frame.size.width - self.badge.frame.size.width/2; // Avoids badge to be clipped when animating its scale superview.clipsToBounds = NO; } else if ([self respondsToSelector:@selector(view)] && [(id)self view]) { superview = [(id)self view]; defaultOriginX = superview.frame.size.width - self.badge.frame.size.width; } [superview addSubview:self.badge]; // Default design initialization self.badgeBGColor = [UIColor redColor]; self.badgeTextColor = [UIColor whiteColor]; self.badgeFont = [UIFont systemFontOfSize:12.0]; self.badgePadding = 6; self.badgeMinSize = 8; self.badgeOriginX = defaultOriginX; self.badgeOriginY = -4; self.shouldHideBadgeAtZero = YES; self.shouldAnimateBadge = YES; } #pragma mark - Utility methods // Handle badge display when its properties have been changed (color, font, ...) - (void)refreshBadge { // Change new attributes self.badge.textColor = self.badgeTextColor; self.badge.backgroundColor = self.badgeBGColor; self.badge.font = self.badgeFont; if (!self.badgeValue || [self.badgeValue isEqualToString:@""] || ([self.badgeValue isEqualToString:@"0"] && self.shouldHideBadgeAtZero)) { self.badge.hidden = YES; } else { self.badge.hidden = NO; [self updateBadgeValueAnimated:YES]; } } - (CGSize) badgeExpectedSize { // When the value changes the badge could need to get bigger // Calculate expected size to fit new value // Use an intermediate label to get expected size thanks to sizeToFit // We don't call sizeToFit on the true label to avoid bad display UILabel *frameLabel = [self duplicateLabel:self.badge]; [frameLabel sizeToFit]; CGSize expectedLabelSize = frameLabel.frame.size; return expectedLabelSize; } - (void)updateBadgeFrame { CGSize expectedLabelSize = [self badgeExpectedSize]; // Make sure that for small value, the badge will be big enough CGFloat minHeight = expectedLabelSize.height; // Using a const we make sure the badge respect the minimum size minHeight = (minHeight < self.badgeMinSize) ? self.badgeMinSize : expectedLabelSize.height; CGFloat minWidth = expectedLabelSize.width; CGFloat padding = self.badgePadding; // Using const we make sure the badge doesn't get too smal minWidth = (minWidth < minHeight) ? minHeight : expectedLabelSize.width; self.badge.layer.masksToBounds = YES; // self.badge.frame = CGRectMake(self.badgeOriginX, self.badgeOriginY, minWidth + padding, minHeight + padding); if (self.badge.text.length > 2) { self.badge.frame = CGRectMake(-10, -5, minWidth + padding, minHeight + padding); } else { self.badge.frame = CGRectMake(-5, -5, minWidth + padding, minHeight + padding); } self.badge.layer.cornerRadius = (minHeight + padding) / 2; } // Handle the badge changing value - (void)updateBadgeValueAnimated:(BOOL)animated { // Bounce animation on badge if value changed and if animation authorized if (animated && self.shouldAnimateBadge && ![self.badge.text isEqualToString:self.badgeValue]) { CABasicAnimation * animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; [animation setFromValue:[NSNumber numberWithFloat:1.5]]; [animation setToValue:[NSNumber numberWithFloat:1]]; [animation setDuration:0.2]; [animation setTimingFunction:[CAMediaTimingFunction functionWithControlPoints:.4f :1.3f :1.f :1.f]]; [self.badge.layer addAnimation:animation forKey:@"bounceAnimation"]; } // Set the new value self.badge.text = self.badgeValue; // Animate the size modification if needed if (animated && self.shouldAnimateBadge) { [UIView animateWithDuration:0.2 animations:^{ [self updateBadgeFrame]; }]; } else { [self updateBadgeFrame]; } } - (UILabel *)duplicateLabel:(UILabel *)labelToCopy { UILabel *duplicateLabel = [[UILabel alloc] initWithFrame:labelToCopy.frame]; duplicateLabel.text = labelToCopy.text; duplicateLabel.font = labelToCopy.font; return duplicateLabel; } - (void)removeBadge { // Animate badge removal [UIView animateWithDuration:0.2 animations:^{ self.badge.transform = CGAffineTransformMakeScale(0, 0); } completion:^(BOOL finished) { [self.badge removeFromSuperview]; self.badge = nil; }]; } #pragma mark - getters/setters -(UILabel*) badge { UILabel* lbl = objc_getAssociatedObject(self, &UIBarButtonItem_badgeKey); if(lbl==nil) { lbl = [[UILabel alloc] initWithFrame:CGRectMake(self.badgeOriginX, self.badgeOriginY, 20, 20)]; [self setBadge:lbl]; [self badgeInit]; [self.customView addSubview:lbl]; lbl.textAlignment = NSTextAlignmentCenter; } return lbl; } -(void)setBadge:(UILabel *)badgeLabel { objc_setAssociatedObject(self, &UIBarButtonItem_badgeKey, badgeLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC); } // Badge value to be display -(NSString *)badgeValue { return objc_getAssociatedObject(self, &UIBarButtonItem_badgeValueKey); } -(void)setBadgeValue:(NSString *)badgeValue { if (badgeValue.length > 2) { badgeValue = @"99+"; } objc_setAssociatedObject(self, &UIBarButtonItem_badgeValueKey, badgeValue, OBJC_ASSOCIATION_RETAIN_NONATOMIC); // When changing the badge value check if we need to remove the badge [self updateBadgeValueAnimated:YES]; [self refreshBadge]; } // Badge background color -(UIColor *)badgeBGColor { return objc_getAssociatedObject(self, &UIBarButtonItem_badgeBGColorKey); } -(void)setBadgeBGColor:(UIColor *)badgeBGColor { objc_setAssociatedObject(self, &UIBarButtonItem_badgeBGColorKey, badgeBGColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if (self.badge) { [self refreshBadge]; } } // Badge text color -(UIColor *)badgeTextColor { return objc_getAssociatedObject(self, &UIBarButtonItem_badgeTextColorKey); } -(void)setBadgeTextColor:(UIColor *)badgeTextColor { objc_setAssociatedObject(self, &UIBarButtonItem_badgeTextColorKey, badgeTextColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if (self.badge) { [self refreshBadge]; } } // Badge font -(UIFont *)badgeFont { return objc_getAssociatedObject(self, &UIBarButtonItem_badgeFontKey); } -(void)setBadgeFont:(UIFont *)badgeFont { objc_setAssociatedObject(self, &UIBarButtonItem_badgeFontKey, badgeFont, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if (self.badge) { [self refreshBadge]; } } // Padding value for the badge -(CGFloat) badgePadding { NSNumber *number = objc_getAssociatedObject(self, &UIBarButtonItem_badgePaddingKey); return number.floatValue; } -(void) setBadgePadding:(CGFloat)badgePadding { NSNumber *number = [NSNumber numberWithDouble:badgePadding]; objc_setAssociatedObject(self, &UIBarButtonItem_badgePaddingKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if (self.badge) { [self updateBadgeFrame]; } } // Minimum size badge to small -(CGFloat) badgeMinSize { NSNumber *number = objc_getAssociatedObject(self, &UIBarButtonItem_badgeMinSizeKey); return number.floatValue; } -(void) setBadgeMinSize:(CGFloat)badgeMinSize { NSNumber *number = [NSNumber numberWithDouble:badgeMinSize]; objc_setAssociatedObject(self, &UIBarButtonItem_badgeMinSizeKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if (self.badge) { [self updateBadgeFrame]; } } // Values for offseting the badge over the BarButtonItem you picked -(CGFloat) badgeOriginX { NSNumber *number = objc_getAssociatedObject(self, &UIBarButtonItem_badgeOriginXKey); return number.floatValue; } -(void) setBadgeOriginX:(CGFloat)badgeOriginX { NSNumber *number = [NSNumber numberWithDouble:badgeOriginX]; objc_setAssociatedObject(self, &UIBarButtonItem_badgeOriginXKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if (self.badge) { [self updateBadgeFrame]; } } -(CGFloat) badgeOriginY { NSNumber *number = objc_getAssociatedObject(self, &UIBarButtonItem_badgeOriginYKey); return number.floatValue; } -(void) setBadgeOriginY:(CGFloat)badgeOriginY { NSNumber *number = [NSNumber numberWithDouble:badgeOriginY]; objc_setAssociatedObject(self, &UIBarButtonItem_badgeOriginYKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if (self.badge) { [self updateBadgeFrame]; } } // In case of numbers, remove the badge when reaching zero -(BOOL) shouldHideBadgeAtZero { NSNumber *number = objc_getAssociatedObject(self, &UIBarButtonItem_shouldHideBadgeAtZeroKey); return number.boolValue; } - (void)setShouldHideBadgeAtZero:(BOOL)shouldHideBadgeAtZero { NSNumber *number = [NSNumber numberWithBool:shouldHideBadgeAtZero]; objc_setAssociatedObject(self, &UIBarButtonItem_shouldHideBadgeAtZeroKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if(self.badge) { [self refreshBadge]; } } // Badge has a bounce animation when value changes -(BOOL) shouldAnimateBadge { NSNumber *number = objc_getAssociatedObject(self, &UIBarButtonItem_shouldAnimateBadgeKey); return number.boolValue; } - (void)setShouldAnimateBadge:(BOOL)shouldAnimateBadge { NSNumber *number = [NSNumber numberWithBool:shouldAnimateBadge]; objc_setAssociatedObject(self, &UIBarButtonItem_shouldAnimateBadgeKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC); if(self.badge) { [self refreshBadge]; } } @end
copy 配 卡殿
哈哈！😂😂😂😂😂😂😂😂😂😂😂😂😂
使用：
self.navigationItem.rightBarButtonItem.badgeValue = [NSString stringWithFormat:@"%d",_numberOfMsgs]; self.navigationItem.rightBarButtonItem.badgeBGColor = RedAppColor;数值为 0：
_numberOfMsgs = 0;数值在 正常范围：
_numberOfMsgs = 15;数值 超过3位数：
_numberOfMsgs = 110;
