iOS tabbar 自定义小红点 消息显示，定制边框、颜色、高宽

一般我们需要显示消息数，会利用到系统提供的api

UIApplication.sharedApplication().applicationIconBadgeNumber = 10

 

但如果我们不想显示个数、会想加一点自定义效果，如边框颜色、自定义背景等，这种情况下，还是自己自定义会更好。

进入正题：

1、新建iOS类别Category文件，如TabbarExtension.swift

 

2、新建方法

添加小红点：

func showBadgeOnItemIndex(index:Int,corner:CGFloat = 4.0) {
        
        //移除之前的小红点
        removeBadgeOnItemIndex(index)
        
        //新建小红点
        let badgeView = UIView()
        badgeView.tag = 888 + index
        badgeView.layer.borderColor = UIColor.whiteColor().CGColor
        badgeView.layer.borderWidth = 1
        badgeView.layer.cornerRadius = corner
        badgeView.backgroundColor = UIColor.redColor()
        let tabFrame:CGRect = self.frame
        
        //确定小红点的位置
        let WH:CGFloat = corner*2
        let percentX = (CGFloat(index) + 0.6) / TabbarItemNums
        let x:CGFloat = percentX * tabFrame.size.width
        let y:CGFloat = 0.16 * tabFrame.size.height
        badgeView.frame = CGRectMake(x, y, WH, WH)
        self.addSubview(badgeView)
        print(badgeView.frame)
    }

　　

移除小红点：

 
    func removeBadgeOnItemIndex(index:Int) {
        for v in self.subviews {
            if v.tag == BasicTag+index {
                v.removeFromSuperview()
            }
        }
    }

　　

控制器内使用：

  self.tabBarController?.tabBar.showBadgeOnItemIndex(1, corner: 4)

　　

上面会用到宏定义：

let BasicTag:Int = 999

let TabbarItemNums:CGFloat = 4.0

 

红点默认半径4.0，这里，如果想实现自己的效果，可以添加代码自定义。

 

完毕。

效果图：