Jak dodać odznaki na przedmiot UIBarbutton?

Wiem, że ten post jest dość stary, ale z iOS7 wygląd MKNumberBadgeView nie pasuje do projektu znaczka elementu paska kart. Znalazłem ten drugi komponent, który dziedziczy UIBarButtonItem i wykonuje pracę bardzo dobrze:

Https://github.com/TanguyAladenise/BBBadgeBarButtonItem

Mam nadzieję, że to może pomóc innym programistom iOS7, takim jak ja

Phyzalis ma dobrą odpowiedź, jest tu skategoryzowana Wersja jego rozwiązania:

UIBarButtonItem + Badge

Oto jak możesz go użyć:

// Build your regular UIBarButtonItem with Custom View
UIImage *image = [UIImage imageNamed:@"someImage"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0,0,image.size.width, image.size.height);
[button addTarget:self action:@selector(buttonPress:) forControlEvents:UIControlEventTouchDown];
[button setBackgroundImage:image forState:UIControlStateNormal];

// Make BarButton Item
UIBarButtonItem *navLeftButton = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.leftBarButtonItem = navLeftButton;

// this is the key entry to change the badgeValue
self.navigationItem.leftBarButtonItem.badgeValue = @"1";

Zrobiłem coś podobnego do Maxmy, ale po prostu poszedłem naprzód i dodałem odznakę bezpośrednio do jaźni.navigationController.pasek nawigacyjny.

MKNumberBadgeView *numberBadge = [[MKNumberBadgeView alloc] initWithFrame:CGRectMake(35, 0, 40, 40)];
numberBadge.value = 1;

[self.navigationController.navigationBar addSubview:numberBadge];

Po prostu upewnij się, aby usunąć go z podview podczas viewWillDisappear i dodać go z powrotem podczas viewDidAppear. To nadal wydaje się trochę trudne, ale jestem bardziej komfortowe z tym włamaniem niż zmiana paska nawigacyjnego z-order.

Aby usunąć go podczas viewWillDisappear

- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    [numberBadge removeFromSuperview]; 
}

To prosty i najlepszy sposób !

MKNumberBadgeView *numberBadge = [[MKNumberBadgeView alloc] initWithFrame:CGRectMake(230, -51, 40, 40)];
numberBadge.value = 5;

self.navigationController.navigationBar.layer.zPosition = -1;
[self.view addSubview:numberBadge];

Zaktualizowano dla Swift 3:

Użyj poniższego prostego kodu, aby dodać plakietkę na UIBarButtonItem;

// Variable Declartion

var badgeCount = Int()

// Instance Method

    func setUpBadgeCountAndBarButton() {
        // badge label
        let label = UILabel(frame: CGRect(x: 10, y: -05, width: 25, height: 25))
        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.textColor = .white
        label.font = label.font.withSize(12)
        label.backgroundColor = .red
        label.text = "\(self.badgeCount)"

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

        // Bar button item
        let rightBarButtomItem = UIBarButtonItem(customView: rightButton)
        navigationItem.rightBarButtonItem = rightBarButtomItem
    }

// Call To Method

self.badgeCount = 11
self.setUpBadgeCountAndBarButton()

//Uwaga: Zwiększ swoją odznakę zgodnie z otrzymanym powiadomieniem.Musisz napisać swój kod zgodnie z Twoją logiką, czyli jak utrzymać numer odznaki w bazie danych.

Wiem, że to już zostało rozwiązane, ale pomyślałem, że mogę dodać to, co odkryłem do tej odpowiedzi ze względu na kompletność.

Możesz również po prostu dodać MKNumberBadgeView bezpośrednio do widoku UIBarButtonItem. Używając MonoTouch (C#), w ten sposób otrzymujesz widok dla UIBarButtonItem

        //barbutton is some UIBarButtonItem. Make sure to check for view. In
        //ViewDidLoad(), the view for the barbutton might not exist yet.
        Selector sel = new Selector("view");
        var handle = Messaging.intptr_objc_msgSend(barbutton.Handle, sel.Handle);
        var view = Runtime.GetNSObject(handle) as UIView;
        var mkBadge = ...    //the badge
        view.Add(badge);
        view.Layer.ZPosition = <some large number> 

Jestem pewien, że łatwo jest przekonwertować to na Obj-C. będziesz również musiał pobawić się ramką, aby odznaka pojawiła się we właściwym miejscu.

W ten sposób nie będziesz musiał usuwać/dodawać widok z paska nawigacyjnego.

Po przeszukaniu zbyt wielu rozwiązań znalazłem to najlepsze rozwiązanie dla Objective-C

Przejdź do linku i pobierz dwa pliki "UIBarButtonItem+Badge.h " i " UIBarButtonItem+Odznaka.m " i dodaj do swojego projektu:

Https://github.com/mikeMTOL/UIBarButtonItem-Badge

Następnie zaimportuj do swojej klasy:

#import "UIBarButtonItem+Badge.h"

I zapisz następujący wiersz, aby dodać znaczek:

self.navigationItem.rightBarButtonItem.badgeValue = @"1"; //your value 

Rozszerzenie do dodawania interfejsu Użytkownika bez zastępowania interfejsu użytkownika.

Extension UIBarButtonItem {

func startLoading() {
    guard let view = self.value(forKey: "view") as? UIView else { return }
    let loading = UIActivityIndicatorView(activityIndicatorStyle: .gray)
    loading.frame = view.bounds
    loading.startAnimating()
    view.addSubview(loading)
    view.bringSubview(toFront: loading)
    let buttonView = view.subviews.first
    buttonView?.alpha = 0.1
}

func stopLoading() {
    guard let view = self.value(forKey: "view") as? UIView else { return }
    let loading = view.subviews.filter({ $0 is UIActivityIndicatorView }).first
    loading?.removeFromSuperview()
    let buttonView = view.subviews.first
    buttonView?.alpha = 1.0
}

}