美文网首页
iOS 简单自定义tabbar红点

iOS 简单自定义tabbar红点

作者: 桃子萌萌哒呀啦 | 来源:发表于2016-11-09 15:32 被阅读144次

    写个UITabBar分类

    //显示小红点   。m

    - (void)showBadgeOnItemIndex:(int)index{

    //移除之前的小红点

    [self removeBadgeOnItemIndex:index];

    //新建小红点

    UIView *badgeView = [[UIView alloc]init];

    badgeView.tag = 888 + index;

    badgeView.layer.cornerRadius = 5;//圆形

    badgeView.backgroundColor = [UIColor colorWithRed:252/255.0 green:122/255.0 blue:130/255.0 alpha:1];//颜色:红色

    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 + 2);

    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 == 888+index) {

    [subView removeFromSuperview];

    }

    }

    }

    。h

    - (void)showBadgeOnItemIndex:(int)index;  //显示小红点

    - (void)hideBadgeOnItemIndex:(int)index; //隐藏小红点

    在需要调用的类中倒入头文件

    [self.tabBarController.tabBar showBadgeOnItemIndex:2];//表示在第二个选项中出现小红点 当然特殊可以定制看个人喜好

    相关文章

      网友评论

          本文标题:iOS 简单自定义tabbar红点

          本文链接:https://www.haomeiwen.com/subject/poxtpttx.html