Swift ajouter un badge à la navigation barButtonItem et UIButton

Solution De Travail :

L'étape 1:
Tout d'abord de créer de nouvelles swift fichier qui est une sous-classe de UIButton comme suit:

import UIKit
class BadgeButton: UIButton {
var badgeLabel = UILabel()
var badge: String? {
didSet {
addbadgetobutton(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 {
addbadgetobutton(badge: badge)
}
}
override init(frame: CGRect) {
super.init(frame: frame)
addbadgetobutton(badge: nil)
}
func addbadgetobutton(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.addbadgetobutton(badge: nil)
fatalError("init(coder:) is not implemented")
}
}

L'étape 2:
Créer une fonction dans votre fichier de base qui u peut utiliser dans chaque Vue-Contrôleur :

  func addBadge(itemvalue: String) {
let bagButton = BadgeButton()
bagButton.frame = CGRect(x: 0, y: 0, width: 44, height: 44)
bagButton.tintColor = UIColor.darkGray
bagButton.setImage(UIImage(named: "ShoppingBag")?.withRenderingMode(.alwaysTemplate), for: .normal)
bagButton.badgeEdgeInsets = UIEdgeInsets(top: 20, left: 0, bottom: 0, right: 15)
bagButton.badge = itemvalue
self.navigationItem.rightBarButtonItem = UIBarButtonItem(customView: bagButton)
}

L'étape 3 :
Utiliser la fonction ci-dessus à partir de n'importe quel Affichage de Contrôleur de cette façon :

self.addBadge(itemvalue: localStorage.string(forKey: "total_products_in_cart") ?? "0")

OriginalL'auteur Shivam Tripathi

J'ai eu la même tâche. Je ne voulais pas utiliser des bibliothèques tierces. Tout d'abord, j'ai essayé Stefano solution et c'est super mais j'ai décidé de réaliser ma propre façon de le résoudre.

À mon humble avis, il y a des étapes décrites brièvement ci-dessous:

1. Créer UIView instance dans un délai de .xib fichier et mettre les éléments nécessaires tels que UILabel ou UIImageView fonction de vos exigences de conception.
   

La dernière action que j'ai fait dans cette étape est de mettre le bouton invisible dans le top de vue de la hiérarchie.

1. Créer YourCustomView.swift et de relier tous les @IBOutlets de xib dans le fichier en cours à l'intérieur de votre vue personnalisée implémentation de la classe.

1. Prochaine, de mettre en œuvre de fonction de classe dans YourCustomView classe qui se charge de l'affichage personnalisé de xib et le retourner comme YourCustomView instance.

1. Enfin, ajouter votre badge personnalisé à votre vue personnalisée instance du contrôleur!

Mon résultat est..

P. S. Si vous avez besoin de mettre en œuvre @IBActions je vous recommande de lier votre affichage personnalisé et personnalisé-vue-contrôleur à travers le modèle de délégué.

OriginalL'auteur Ivan Shokurov

La MIBadgeButton-Swift travaille également sur UIBarButtonItems.
Voici mon code après la barre de navigation est créé:

let rightBarButtons = self.navigationItem.rightBarButtonItems
let alarmsBarButton = rightBarButtons?.last
let alarmsButton = alarmsBarButton.customView as! MIBadgeButton?
alarmsButton.badgeString = "10"

OriginalL'auteur Claudia Fitero