Latest 1.3.0
Homepage https://github.com/LiuSky/MKBadge
License MIT
Platforms ios 9.0, requires ARC
Authors

Requirements:

  • iOS 9.0+
  • Xcode 10.1+
  • Swift 5.0

Installation Cocoapods

pod 'MKBadge', '~> 1.3.0'

Demo Figure

Usage

1. 点角标按钮

private lazy var pointButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.red
temButton.setTitle("点角标", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 44, y: 120, width: 88, height: 44)
temButton.layer.cornerRadius = 22
temButton.badge.type = .point
temButton.badge.positionType = .topRight
return temButton
}()

2.数量角标按钮

private lazy var numberButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.blue
temButton.setTitle("数量角标", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 44, y: self.pointButton.frame.origin.y + 44 + 20, width: 88, height: 44)
temButton.layer.cornerRadius = 22
temButton.badge.type = .count(12)
temButton.badge.fontSize = 12
temButton.badge.height = 14
temButton.badge.positionType = .topLeft
return temButton
}()

3.最小数量按钮

private lazy var minNumberButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.gray
temButton.setTitle("最小数量角标", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 60, y: self.numberButton.frame.origin.y + 44 + 20, width: 120, height: 44)
temButton.layer.cornerRadius = 22
temButton.badge.type = .count(1)
temButton.badge.height = 14
return temButton
}()

4.最大数量按钮

private lazy var maxNumberButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.black
temButton.setTitle("最大数量角标", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 60, y: self.minNumberButton.frame.origin.y + 44 + 20, width: 120, height: 44)
temButton.layer.cornerRadius = 22
temButton.badge.positionType = .bottomLeft
temButton.badge.type = .count(100)
temButton.badge.height = 14
return temButton
}()

5.颜色角标按钮

private lazy var colorButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.green
temButton.setTitle("背景颜色角标", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 60, y: self.maxNumberButton.frame.origin.y + 44 + 20, width: 120, height: 44)
temButton.layer.cornerRadius = 22
temButton.badge.type = .count(12)
temButton.badge.height = 14
temButton.badge.backgroundColor = UIColor.black
temButton.badge.positionType = .bottomRight
return temButton
}()

6.角标文本颜色按钮

private lazy var textColorButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.purple
temButton.setTitle("背景颜色角标", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 60, y: self.colorButton.frame.origin.y + 44 + 20, width: 120, height: 44)
temButton.layer.cornerRadius = 22
temButton.badge.type = .count(12)
temButton.badge.height = 14
temButton.badge.backgroundColor = UIColor.lightGray
temButton.badge.textColor = UIColor.red
return temButton
}()

7.左对齐角标按钮

private lazy var leftButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.brown
temButton.setTitle("左对齐角标", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 60, y: self.textColorButton.frame.origin.y + 44 + 20, width: 120, height: 44)
temButton.layer.cornerRadius = 22
temButton.badge.positionType = .topLeft
temButton.badge.type = .count(100)
temButton.badge.height = 14
return temButton
}()

8.变化角标按钮

private lazy var changeButton: UIButton = {
let temButton = UIButton(type: .custom)
temButton.backgroundColor = UIColor.magenta
temButton.setTitle("点击按钮", for: .normal)
temButton.setTitleColor(UIColor.white, for: .normal)
temButton.frame = CGRect(x: self.view.frame.size.width/2 - 60, y: self.leftButton.frame.origin.y + 44 + 20, width: 120, height: 44)
temButton.layer.cornerRadius = 22
temButton.layer.cornerRadius = 22
temButton.badge.type = .count(12)
temButton.badge.height = 14
temButton.addTarget(self, action: #selector(eventForChange(_:)), for: .touchUpInside)
return temButton
}()

Reference

License

MKBadge is released under an MIT license. See LICENSE for more information.

Latest podspec

{
    "name": "MKBadge",
    "version": "1.3.0",
    "summary": "u89d2u6807u7ec4u4ef6",
    "description": "u89d2u6807u7ec4u4ef6",
    "homepage": "https://github.com/LiuSky/MKBadge",
    "license": "MIT",
    "authors": {
        "xiaobin liu": "[email protected]"
    },
    "source": {
        "git": "https://github.com/LiuSky/MKBadge.git",
        "tag": "1.3.0"
    },
    "swift_versions": "5.0",
    "requires_arc": true,
    "platforms": {
        "ios": "9.0"
    },
    "source_files": "MKBadge/Core/*.swift"
}

Pin It on Pinterest

Share This