iOS 实现角标 新消息提示红点 数字角标

镔哥今天写写实习新消息提示的小圆圈数字角标

直接上代码吧。

1:直接复杂uibarButton类

//

//  UIBarButtonItem+Badge.h

//  therichest

//

//  Created by 淘股 on 2015-05-05.

//  Copyright (c) 2015 taogu Inc. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface UIBarButtonItem (Badge)

@property (strong, nonatomic) UILabel *badge;

// 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+Badge.h

//  therichest

//

//  Created by 淘股 on 2015-05-05.

//  Copyright (c) 2015 taogu Inc. All rights reserved.

//

#import <objc/runtime.h>

#import "UIBarButtonItem+Badge.h"

NSString const *badgeKey = @"badgeKey";

NSString const *badgeBGColorKey = @"badgeBGColorKey";

NSString const *badgeTextColorKey = @"badgeTextColorKey";

NSString const *badgeFontKey = @"badgeFontKey";

NSString const *badgePaddingKey = @"badgePaddingKey";

NSString const *badgeMinSizeKey = @"badgeMinSizeKey";

NSString const *badgeOriginXKey = @"badgeOriginXKey";

NSString const *badgeOriginYKey = @"badgeOriginYKey";

NSString const *shouldHideBadgeAtZeroKey = @"shouldHideBadgeAtZeroKey";

NSString const *shouldAnimateBadgeKey = @"shouldAnimateBadgeKey";

NSString const *badgeValueKey = @"badgeValueKey";

@implementation UIBarButtonItem (Badge)

@dynamic badgeValue, badgeBGColor, badgeTextColor, badgeFont;

@dynamic badgePadding, badgeMinSize, badgeOriginX, badgeOriginY;

@dynamic shouldHideBadgeAtZero, shouldAnimateBadge;

- (void)badgeInit

{

    // 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   = self.customView.frame.size.width - self.badge.frame.size.width/2;

    self.badgeOriginY   = -4;

    self.shouldHideBadgeAtZero = YES;

    self.shouldAnimateBadge = YES;

    // Avoids badge to be clipped when animating its scale

    self.customView.clipsToBounds = NO;

}

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

}

- (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.frame = CGRectMake(self.badgeOriginX, self.badgeOriginY, minWidth + padding, minHeight + padding);

    self.badge.layer.cornerRadius = (minHeight + padding) / 2;

    self.badge.layer.masksToBounds = YES;

}

// 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

    NSTimeInterval duration = animated ? 0.2 : 0;

    [UIView animateWithDuration:duration animations:^{

        [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 {

    return objc_getAssociatedObject(self, &badgeKey);

}

-(void)setBadge:(UILabel *)badgeLabel

{

    objc_setAssociatedObject(self, &badgeKey, badgeLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}

// Badge value to be display

-(NSString *)badgeValue {

    return objc_getAssociatedObject(self, &badgeValueKey);

}

-(void) setBadgeValue:(NSString *)badgeValue

{

    objc_setAssociatedObject(self, &badgeValueKey, badgeValue, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    

    // When changing the badge value check if we need to remove the badge

    if (!badgeValue || [badgeValue isEqualToString:@""] || ([badgeValue isEqualToString:@"0"] && self.shouldHideBadgeAtZero)) {

        [self removeBadge];

    } else if (!self.badge) {

        // Create a new badge because not existing

        self.badge                      = [[UILabel alloc] initWithFrame:CGRectMake(self.badgeOriginX, self.badgeOriginY, 20, 20)];

        self.badge.textColor            = self.badgeTextColor;

        self.badge.backgroundColor      = self.badgeBGColor;

        self.badge.font                 = self.badgeFont;

        self.badge.textAlignment        = NSTextAlignmentCenter;

        [self badgeInit];

        [self.customView addSubview:self.badge];

        [self updateBadgeValueAnimated:NO];

    } else {

        [self updateBadgeValueAnimated:YES];

    }

}

// Badge background color

-(UIColor *)badgeBGColor {

    return objc_getAssociatedObject(self, &badgeBGColorKey);

}

-(void)setBadgeBGColor:(UIColor *)badgeBGColor

{

    objc_setAssociatedObject(self, &badgeBGColorKey, badgeBGColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    if (self.badge) {

        [self refreshBadge];

    }

}

// Badge text color

-(UIColor *)badgeTextColor {

    return objc_getAssociatedObject(self, &badgeTextColorKey);

}

-(void)setBadgeTextColor:(UIColor *)badgeTextColor

{

    objc_setAssociatedObject(self, &badgeTextColorKey, badgeTextColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    if (self.badge) {

        [self refreshBadge];

    }

}

// Badge font

-(UIFont *)badgeFont {

    return objc_getAssociatedObject(self, &badgeFontKey);

}

-(void)setBadgeFont:(UIFont *)badgeFont

{

    objc_setAssociatedObject(self, &badgeFontKey, badgeFont, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    if (self.badge) {

        [self refreshBadge];

    }

}

// Padding value for the badge

-(CGFloat) badgePadding {

    NSNumber *number = objc_getAssociatedObject(self, &badgePaddingKey);

    return number.floatValue;

}

-(void) setBadgePadding:(CGFloat)badgePadding

{

    NSNumber *number = [NSNumber numberWithDouble:badgePadding];

    objc_setAssociatedObject(self, &badgePaddingKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    if (self.badge) {

        [self updateBadgeFrame];

    }

}

// Minimum size badge to small

-(CGFloat) badgeMinSize {

    NSNumber *number = objc_getAssociatedObject(self, &badgeMinSizeKey);

    return number.floatValue;

}

-(void) setBadgeMinSize:(CGFloat)badgeMinSize

{

    NSNumber *number = [NSNumber numberWithDouble:badgeMinSize];

    objc_setAssociatedObject(self, &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, &badgeOriginXKey);

    return number.floatValue;

}

-(void) setBadgeOriginX:(CGFloat)badgeOriginX

{

    NSNumber *number = [NSNumber numberWithDouble:badgeOriginX];

    objc_setAssociatedObject(self, &badgeOriginXKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

    if (self.badge) {

        [self updateBadgeFrame];

    }

}

-(CGFloat) badgeOriginY {

    NSNumber *number = objc_getAssociatedObject(self, &badgeOriginYKey);

    return number.floatValue;

}

-(void) setBadgeOriginY:(CGFloat)badgeOriginY

{

    NSNumber *number = [NSNumber numberWithDouble:badgeOriginY];

    objc_setAssociatedObject(self, &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, &shouldHideBadgeAtZeroKey);

    return number.boolValue;

}

- (void)setShouldHideBadgeAtZero:(BOOL)shouldHideBadgeAtZero

{

    NSNumber *number = [NSNumber numberWithBool:shouldHideBadgeAtZero];

    objc_setAssociatedObject(self, &shouldHideBadgeAtZeroKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}

// Badge has a bounce animation when value changes

-(BOOL) shouldAnimateBadge {

    NSNumber *number = objc_getAssociatedObject(self, &shouldAnimateBadgeKey);

    return number.boolValue;

}

- (void)setShouldAnimateBadge:(BOOL)shouldAnimateBadge

{

    NSNumber *number = [NSNumber numberWithBool:shouldAnimateBadge];

    objc_setAssociatedObject(self, &shouldAnimateBadgeKey, number, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}

@end

第二部实现调用

    // Build your regular UIBarButtonItem with Custom View

    UIImage *image = [UIImage imageNamed:@"someImage"];

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

    button.frame = CGRectMake(0,0,image.size.width, image.size.height);

    [button addTarget:self action:@selector(buttonPress:) forControlEvents:UIControlEventTouchDown];

    [button setBackgroundImage:image forState:UIControlStateNormal];

    

    // 角标测试写1

    UIBarButtonItem *navLeftButton = [[UIBarButtonItem alloc] initWithCustomView:button];

    self.navigationItem.leftBarButtonItem = navLeftButton;

    self.navigationItem.leftBarButtonItem.badgeValue = @"1";

    self.navigationItem.leftBarButtonItem.badgeBGColor = self.navigationController.navigationBar.tintColor;

#pragma mark - Private

-(void)buttonPress:(id)sender

{

    self.navigationItem.leftBarButtonItem.badgeValue = @"";／／方法调用直接清楚角标

}