Comment mettre des badges personnalisés UIBarButtonItem

J'ai une barre de navigation avec deux boutons, l'un est un bouton de retour de l'autre un chat symbole.

J'écris ce code comme ceci:

UIBarButtonItem *_btn=[[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"back.png"]
                                                      style:UIBarButtonItemStylePlain
                                                     target:self
                                                     action:@selector(goBackToPreviousView)];

self.navigationItem.leftBarButtonItem=_btn;
self.navigationItem.leftBarButtonItem.tintColor = [UIColor blackColor];


UIBarButtonItem *_btn2=[[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"chat.png"]
                                                      style:UIBarButtonItemStylePlain
                                                     target:self
                                                     action:@selector(startChat)];

self.navigationItem.rightBarButtonItem=_btn2;
self.navigationItem.rightBarButtonItem.tintColor = [Utility colorWithHexValue:CyanBlue];

Le problème que j'ai, c'est que chaque fois qu'il y a de nouveaux messages dans le chat que je n'ai pas vu, il devrait être comme un insigne d'une certaine sorte, ou une étiquette personnalisée sur le bouton chat, pour indiquer le nombre de nouveaux messages que vous avez.

Comment puis-je faire cela?

Montrer les efforts que vous avez faits dans la mise en œuvre.
Comment écrire du code pour vérifier si vous avez des messages non lus ou non dans votre viewDidLoad méthode. Et si renvoie la valeur true, puis de changer l'image du bouton, sinon la garder comme elle est.
J'ai un code qui me donne le nombre de message de chat, je n'ai pas vu. Le problème est que l'image doit avoir un nombre. Cela signifierait j'ai eu insérer beaucoup d'images.
J'ai essayé d'écrire le nombre sur le bouton avec : auto.navigationItem.rightBarButtonItem.title = @"2"; mais ne semble pas fonctionner.
hey @niper007, Comment résoudre ce problème.

OriginalL'auteur niper007 | 2014-06-12

pour Swift 3.0:

Résultat:

Comment mettre des badges personnalisés UIBarButtonItem

Code:

override func viewDidLoad() {
  super.viewDidLoad()

  //badge label
  let label = UILabel(frame: CGRect(x: 10, y: -10, width: 20, height: 20))
  label.layer.borderColor = UIColor.clear.cgColor
  label.layer.borderWidth = 2
  label.layer.cornerRadius = label.bounds.size.height / 2
  label.textAlignment = .center
  label.layer.masksToBounds = true
  label.font = UIFont(name: "SanFranciscoText-Light", size: 13)
  label.textColor = .white
  label.backgroundColor = .red
  label.text = "80"

  //button
  let rightButton = UIButton(frame: CGRect(x: 0, y: 0, width: 18, height: 16))
  rightButton.setBackgroundImage(UIImage(named: "inbox"), for: .normal)
  rightButton.addTarget(self, action: #selector(rightButtonTouched), for: .touchUpInside)
  rightButton.addSubview(label)

  //Bar button item
  let rightBarButtomItem = UIBarButtonItem(customView: rightButton)

  navigationItem.rightBarButtonItem = rightBarButtomItem
}

func rightButtonTouched() {
  print("right button touched")
}

Il a essayé, jusqu'à présent semble bon! Merci.
il a vraiment travaillé!

OriginalL'auteur Wilson

9

dans iOS 8 - j'ai été capable de le faire en changeant la badgeValue
```
            self.messageButton.badgeValue = @"5";
```
où le bouton message est un UIBarButton

Vous devez inclure ces deux fichiers sur votre xcode
UIBarButtonItem+Badge.h
UIBarButtonItem+Badge.m

qui peut être trouvé ici

Github lien vers les fichiers

UIBarButtonItem+Badge.h UIBarButtonItem+Badge.m
Le lien ci-dessus fournit une grande catégorie pour ce faire. M'a donné exactement ce dont j'avais besoin.
Tiens également à ajouter que cette catégorie pourrait être inefficace si elle est utilisée dans la méthode viewDidLoad. L' - (void)viewDidAppear:(BOOL)animé {} méthode est l'endroit où votre configuration et d'installation insigne de licences d'accès client devrait aller. Suspect le UIBarButtons ne sont pas tout à fait là jusqu'à ce que viewDidAppear
Oui, sa fonctionne 🙂 facile à mettre en œuvre.

OriginalL'auteur Ronaldoh1

Vous pouvez essayer ce morceau de code:-

  UILabel *badgeLbl = [[UILabel alloc]initWithFrame:CGRectMake(16, -2, 18, 18)];
badgeLbl.backgroundColor = [UIColor whiteColor];
badgeLbl.textColor = [UIColor blackColor];
badgeLbl.textAlignment = NSTextAlignmentCenter;
badgeLbl.layer.cornerRadius = 9.0;
badgeLbl.layer.masksToBounds = true;
badgeLbl.text = @"10";

UIButton *notificationBtn = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 35, 35)];
[notificationBtn setBackgroundImage:[UIImage imageNamed:@"image_name"] forState:UIControlStateNormal];
[notificationBtn setTitle:@"" forState:UIControlStateNormal];
[notificationBtn addTarget:self action:@selector(onClickAction:) forControlEvents:UIControlEventTouchUpInside];

[notificationBtn addSubview:badgeLbl];

UIBarButtonItem *notificationBarBtn = [[UIBarButtonItem alloc]initWithCustomView:notificationBtn];
self.navigationItem.rightBarButtonItem = notificationBarBtn;

C'est celui que je préfère (+1). Il fonctionne sur iOS11.4. Il a un problème, qui est facilement résolu. L'icône de l'image doit être initialisé comme [[UIImage imageNamed:@"nom_image"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] de sorte que l'icône hérite de la même, ou par défaut, l'INTERFACE utilisateur teinte de couleur comme toutes les autres icônes affichées.

OriginalL'auteur Kuldeep Choudhary

2

essayer des méthodes personnalisées
Merci beaucoup!! Il a travaillé pour moi 🙂
avoir un jour heureux bro, puis vote ma réponse
iTroyd23 réponse aussi beaux
Je veux upvote cela, mais je ne peux pas parce que je suis trop nouveau sur stackoverflow. J'ai besoin de plus de réputation
juste attendre nipper

OriginalL'auteur Anbu.Karthik

Bonne journée!
Voici ma version simple et sans problèmes:

navBar = [[UINavigationBar alloc] initWithFrame: CGRectMake(0, 0, self.view.frame.size.width, 64)];
[self.view addSubview:navBar];

navItem    = [[UINavigationItem alloc] initWithTitle:NSLocalizedString(@"Meetings", nil)];

[navBar pushNavigationItem:navItem animated:NO];
    UIButton *chat = [UIButton buttonWithType: UIButtonTypeRoundedRect];
[chat setTitle:@"Chat" forState: UIControlStateNormal];
    UILabel *badge  = [[UILabel alloc] initWithFrame: CGRectMake(0, 0, 20, 20)];
badge.textColor = [UIColor darkGrayColor];
badge.font      = [UIFont fontWithName: fontName size: 15];
badge.text      = @"10";
badge.textAlignment = NSTextAlignmentCenter;

badge.layer.cornerRadius = 10.0f;
badge.layer.backgroundColor = [UIColor yellowColor].CGColor;
badge.clipsToBounds      = YES;

badge.center = CGPointMake(50, 20);

[chat addSubview: badge];

navItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView: chat];

have a nice day!

OriginalL'auteur Pavel

1

Vous pouvez essayer cette catégorie

UIBarButtonItem-Badge

OriginalL'auteur jos
0

Essayer ce personnalisés contrôle - mknumberbadgeview

Nice je vais essayer cela et voir si cela fonctionne

OriginalL'auteur Muruganandham K

Vous devez vous connecter pour publier un commentaire.