1

How to add badge notification on UIBarButton in ios swift,

this is my UIBarButton Code in swift

let addtocartButton = UIBarButtonItem(image: UIImage(named: "Addtocartimg"),
                                      style: .plain,
                                     target: self,
                                     action: #selector(self.movToToCarts))

self.navigationItem.rightBarButtonItem = addtocartButton
Cœur
  • 37,241
  • 25
  • 195
  • 267
Rehan Meo
  • 61
  • 2
  • 9
  • [Duplicate] Possible duplication [here](https://stackoverflow.com/a/45948819/2342915) – Lito Jun 27 '18 at 10:12
  • Possible duplicate of [Swift add badge to navigation barButtonItem and UIButton](https://stackoverflow.com/questions/31236210/swift-add-badge-to-navigation-barbuttonitem-and-uibutton) – Taier Jun 27 '18 at 10:14
  • This lib can help you : https://github.com/jkpang/PPBadgeView – sohan vanani Jun 27 '18 at 10:15

2 Answers2

3
let cartButton = SSBadgeButton()
override func viewDidLoad() {
    super.viewDidLoad()

    cartButton.frame = CGRect(x: 0, y: 0, width: 44, height: 44)
    cartButton.setImage(UIImage(named: "menu")?.withRenderingMode(.alwaysTemplate), for: .normal)
    cartButton.badgeEdgeInsets = UIEdgeInsets(top: 20, left: 0, bottom: 0, right: 15)
    cartButton.addTarget(self, action: #selector(cartButtonTapped), for: .touchUpInside)
    cartButton.badge = "4"

    self.navigationItem.rightBarButtonItems = [UIBarButtonItem(customView: cartButton)
}

Badgebutton file

 import Foundation
 import UIKit

 class SSBadgeButton: UIButton {

 var badgeLabel = UILabel()

 var badge: String? {
    didSet {
        addBadgeToButon(badge: badge)
    }
 }

public var badgeBackgroundColor = UIColor.red {
    didSet {
        badgeLabel.backgroundColor = badgeBackgroundColor
    }
}

public var badgeTextColor = UIColor.white {
    didSet {
        badgeLabel.textColor = badgeTextColor
    }
}

public var badgeFont = UIFont.systemFont(ofSize: 12.0) {
    didSet {
        badgeLabel.font = badgeFont
    }
}

public var badgeEdgeInsets: UIEdgeInsets? {
    didSet {
        addBadgeToButon(badge: badge)
    }
}

override init(frame: CGRect) {
    super.init(frame: frame)
    addBadgeToButon(badge: nil)
}

func addBadgeToButon(badge: String?) {
    badgeLabel.text = badge
    badgeLabel.textColor = badgeTextColor
    badgeLabel.backgroundColor = badgeBackgroundColor
    badgeLabel.font = badgeFont
    badgeLabel.sizeToFit()
    badgeLabel.textAlignment = .center
    let badgeSize = badgeLabel.frame.size

    let height = max(18, Double(badgeSize.height) + 5.0)
    let width = max(height, Double(badgeSize.width) + 10.0)

    var vertical: Double?, horizontal: Double?
    if let badgeInset = self.badgeEdgeInsets {
        vertical = Double(badgeInset.top) - Double(badgeInset.bottom)
        horizontal = Double(badgeInset.left) - Double(badgeInset.right)

        let x = (Double(bounds.size.width) - 10 + horizontal!)
        let y = -(Double(badgeSize.height) / 2) - 10 + vertical!
        badgeLabel.frame = CGRect(x: x, y: y, width: width, height: height)
    } else {
        let x = self.frame.width - CGFloat((width / 2.0))
        let y = CGFloat(-(height / 2.0))
        badgeLabel.frame = CGRect(x: x, y: y, width: CGFloat(width), height: CGFloat(height))
    }

    badgeLabel.layer.cornerRadius = badgeLabel.frame.height/2
    badgeLabel.layer.masksToBounds = true
    addSubview(badgeLabel)
    badgeLabel.isHidden = badge != nil ? false : true
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    self.addBadgeToButon(badge: nil)
    fatalError("init(coder:) has not been implemented")
}
}
0

You can see my answer under this question. Recommend you to reference QMUIBadge's code. But it is in Objective-C.

Demo for QMUIBadge

MoLice
  • 301
  • 2
  • 7