Wie man ein Abzeichen auf individuelle UIBarButtonItem

Habe ich eine Navigationsleiste mit zwei Tasten, ist eine zurück-Taste, der andere ein chat-symbol.

Schreibe ich diese code wie folgt:

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];

Das problem, das ich habe, ist, dass, wenn es gibt einige neue Nachrichten in den chat, die ich noch nicht gesehen, sollte es wie ein Abzeichen von einer Art, oder eine individuelle Beschriftung über den chat-button, um anzuzeigen, wie viele neue Nachrichten Sie haben.

Wie mache ich das?

Zeigen die Anstrengungen, die Sie vorgenommen haben, in die Umsetzung ein.
Wie über das schreiben von code zu überprüfen, wenn Sie haben einige ungelesene Nachrichten, die nicht in Ihrem viewDidLoad Methode. Und wenn die true zurückgibt, dann ändern Sie das Bild der Schaltfläche, sonst halten Sie es wie es ist.
Ich habe code, der mir die Anzahl der chat-Nachricht habe ich nicht gesehen. Das problem ist, dass das Bild zu haben, die Zahl. Also, dass würde bedeuten, ich musste legen Sie eine Menge Bilder.
Ich habe versucht zu schreiben, aus der Anzahl auf die Schaltfläche mit : selbst.navigationItem.rightBarButtonItem.title = @"2"; aber scheint nicht zu funktionieren.
hey @niper007, Wie dieses Problem zu beheben.

InformationsquelleAutor niper007 | 2014-06-12

für Swift 3.0:

Ergebnis:

Wie man ein Abzeichen auf individuelle 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")
}

Probiert es aus, sieht bisher gut aus! Danke.
es hat wirklich funktioniert!

InformationsquelleAutor Wilson

9

in iOS 8 - ich war in der Lage, es zu tun, indem Sie ändern die badgeValue
```
            self.messageButton.badgeValue = @"5";
```
denen die message-Taste ein UIBarButton

Müssen Sie diese beiden Dateien auf Ihrem xcode
UIBarButtonItem+Abzeichen.h
UIBarButtonItem+Abzeichen.m

die Sie hier finden

Github-link zu Dateien
- UIBarButtonItem+Abzeichen.h UIBarButtonItem+Abzeichen.m
- Obiger link bietet eine große Kategorie, dies zu tun. Gab mir genau das, was ich brauchte.
- Möchte auch hinzufügen, dass diese Kategorie könnte unwirksam sein, wenn Sie in der viewDidLoad-Methode. Die - (void)viewDidAppear:(BOOL)animated {} Methode ist, wo Sie Ihre Konfigurations-und setup-Abzeichen-cals sollte gehen. Vermute, der UIBarButtons sind nicht ganz da, bis viewDidAppear
- Ja, seine arbeiten 🙂 einfach zu implementieren.
InformationsquelleAutor Ronaldoh1

Können Sie versuchen, diese Stück 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;

Dies ist die eine, die ich bevorzuge (+1). Es funktioniert auf iOS11.4. Sie hat ein problem, das leicht behoben. Das icon-Bild sollte initialisiert werden, wie [[UIImage imageNamed:@"image_name"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate], so dass das Symbol erbt das gleiche, oder die Standard-UI-Farbton, wie alle anderen icons angezeigt werden.

InformationsquelleAutor Kuldeep Choudhary

2

versuchen, benutzerdefinierte Methoden
- Vielen, vielen Dank!! Bei mir hat es geklappt 🙂
- ein happy-day bro, dann Stimmen meine Antwort
- iTroyd23 Antwort auch in Ordnung
- Ich möchte upvote dies aber kann ich nicht denn ich bin zu neu auf stackoverflow. Ich brauche mehr Ruf
- einfach warten, nipper
- BBBadgeBarButtonItem bietet zu viel-Eigenschaften anpassen.
InformationsquelleAutor Anbu.Karthik

Guten Tag!
Hier ist meine version - einfach und ohne Probleme:

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];

haben einen schönen Tag!

InformationsquelleAutor Pavel

1

Können Sie versuchen, diese Kategorie

UIBarButtonItem-Abzeichen

InformationsquelleAutor jos
0

Versuchen Sie dieses kundenspezifische control - mknumberbadgeview
- Schön, ich werde dies ausprobieren und sehen, ob es funktioniert
InformationsquelleAutor Muruganandham K

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.