UINavigationBar pulsante indietro personalizzato senza titolo

Come posso personalizzare il pulsante di navigazione indietro in iOS 7 e versioni successive senza titolo? (cioè solo con la freccia)

self.navigationItem.leftBarButtonItem = self.editButtonItem;

Mi chiedo solo se hanno qualche self.backButtonItem;

O

qualcosa come questo?

self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc]
                   initWithBarButtonSystemItem:UIBarButtonSystemItemBACK 
                   target:self action:@selector(back)];

In realtà è abbastanza semplice, ecco cosa faccio:

Obiettivo C

// Set this in every view controller so that the back button displays back instead of the root view controller name
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];

Swift 2

self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .Plain, target: nil, action: nil)

Swift 3

self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)

Inserire questa riga nel controller della vista che sta spingendo nello stack ( il controller della vista precedente ). Il pulsante Indietro del controller di visualizzazione appena premuto mostrerà ora tutto ciò che hai inserito per initWithTitle, che in questo caso è una stringa vuota.

Ho trovato un modo semplice per rendere il mio pulsante indietro con la freccia singola iOS.

Supponiamo che tu abbia un controller di navigazione che accede a ViewA da ViewB. In IB, seleziona la barra di navigazione di ViewA, dovresti vedere queste opzioni: Titolo, Prompt e pulsante Indietro.

ViewA opzioni della barra di navigazione

Il trucco è scegliere il titolo del pulsante Indietro del controller della vista del destino (ViewB) nelle opzioni del controller della vista precedente (View A). Se non si riempie l'opzione "Pulsante Indietro", iOS inserirà automaticamente il titolo "Indietro", con il titolo del controller della vista precedente . Quindi, è necessario riempire questa opzione con un singolo spazio.

Riempi lo spazio nell'opzione "Pulsante Indietro"

Il risultato:

Usa solo un'immagine!

OBJ-C :

- (void)viewDidLoad {
     [super viewDidLoad];
     UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"Icon-Back"]
                                                                                        style:UIBarButtonItemStylePlain
                                                                                       target:self.navigationController
                                                                                       action:@selector(popViewControllerAnimated:)];
     self.navigationItem.leftBarButtonItem = backButton;
}

SWIFT 4 :

let backBTN = UIBarButtonItem(image: UIImage(named: "Back"), 
                              style: .plain, 
                              target: navigationController, 
                              action: #selector(UINavigationController.popViewController(animated:)))
navigationItem.leftBarButtonItem = backBTN
navigationController?.interactivePopGestureRecognizer?.delegate = self

Icon-Back.png

Icon-Back@2x.png

Icon-Back@3x.png

iOS7 ha nuove regole di interfaccia, quindi è meglio mantenere almeno la freccia indietro quando si preme un UIView. È molto semplice cambiare il testo "indietro" a livello di codice. È sufficiente aggiungere questo codice prima di eseguire il push della vista (oppure preparForSegue se si utilizzano StoryBoards):

-(void) prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
      self.navigationItem.backBarButtonItem=[[UIBarButtonItem alloc] initWithTitle:@"NEW TITLE" style:UIBarButtonItemStylePlain target:nil action:nil];
}

Ciò modificherà il testo "Indietro" predefinito, ma manterrà la freccia indietro in stile iOS7. Puoi anche cambiare il colore della tinta per la freccia indietro prima di premere la vista:

- (void)viewDidLoad{
     //NavBar background color:
     self.navigationController.navigationBar.barTintColor=[UIColor redColor];
//NavBar tint color for elements:
     self.navigationController.navigationBar.tintColor=[UIColor whiteColor];
}

Spero che questo ti aiuti!

Non devi fare molto. Puoi ottenere lo stesso risultato tramite lo storyboard stesso.

Basta andare sul controller di navigazione principale e dare uno spazio. Ricorda non al controller desiderato il pulsante Indietro senza titolo, ma al controller di navigazione principale.

Mentre la risposta di Kyle Begeman fa totalmente il trucco, è abbastanza fastidioso avere questo codice in ogni controller di visualizzazione possibile. Ho finito con una UINavigationItemcategoria semplice . Attenzione, ecco i draghi! Scusa, intendo, vorticoso:

#import <objc/runtime.h>

@implementation UINavigationItem (ArrowBackButton)

static char kArrowBackButtonKey;

+ (void)load {
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        Method m1 = class_getInstanceMethod(self, @selector(backBarButtonItem));
        Method m2 = class_getInstanceMethod(self, @selector(arrowBackButton_backBarButtonItem));
        method_exchangeImplementations(m1, m2);
    });
}

- (UIBarButtonItem *)arrowBackButton_backBarButtonItem {
    UIBarButtonItem *item = [self arrowBackButton_backBarButtonItem];
    if (item) {
        return item;
    }

    item = objc_getAssociatedObject(self, &kArrowBackButtonKey);
    if (!item) {
        item = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStyleBordered target:nil action:NULL];
        objc_setAssociatedObject(self, &kArrowBackButtonKey, item, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    }
    return item;
}

@end

EDIT: 2014-04-09: Quando ho guadagnato la reputazione, mi dispiace perché non uso più questo trucco. Consiglio la risposta di Kyle. Si noti inoltre che selfof self.navigationItem.backBarButtonItemnon è il controller di visualizzazione visualizzato sul pulsante Indietro, ma il controller di visualizzazione precedente deve essere ripristinato.

Se non è necessario avere il testo del titolo per il controller della vista precedente, basta riempire il titolo con una stringa vuota;

self.navigationItem.title = @"";
[self.navigationController pushViewController:viewController animated:YES];

Ciò eviterà di mostrare "indietro" con chevron sul controller di visualizzazione push.

EDIT: Anche se usi un testo del titolo non vuoto, impostando il titolo del controller della vista precedente in viewWillAppear:opere, tranne il titolo può sfarfallare in un battito di ciglia quando viene visualizzato il controller della vista. Penso che "L'app di Twitter" sembra fare un trucco più sottile per evitare lo sfarfallio.

Funziona, ma rimuoverà il titolo dell'elemento precedente, anche se tornerai ad esso:

self.navigationController.navigationBar.topItem.title = @"";

Basta impostare questa proprietà sul viewDidLoadView Controller spinto.

Ecco come lo faccio e il modo più semplice, funziona e più chiaro per farlo.

Funziona se incorporato Navigation Controller

Swift 3

In viewDidLoadaggiungo questo al View Controller vuoi che il pulsante Indietro sia solo una freccia.

if let topItem = self.navigationController?.navigationBar.topItem {
   topItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)
}

La differenza tra questa e la risposta di @Kyle Begeman è che si chiama questo sul controller di visualizzazione che si desidera che il pulsante Indietro sia solo una freccia, non sul controller di visualizzazione dello stack di push.

Non hai accesso al backButtonItem di navigazione nel modo che desideri, devi creare il tuo pulsante Indietro come di seguito:

- (void)loadView
{
    [super loadView];
    UIButton *backButton = [[UIButton alloc] initWithFrame: CGRectMake(0, 0, 44.0f, 30.0f)];
    [backButton setImage:[UIImage imageNamed:@"back.png"]  forState:UIControlStateNormal];
    [backButton addTarget:self action:@selector(popVC) forControlEvents:UIControlEventTouchUpInside];
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];
}

E fuori rotta:

- (void) popVC{
  [self.navigationController popViewControllerAnimated:YES];
}

Target: personalizzazione di tutti i pulsanti Indietro suUINavigationBarun'icona bianca

Passaggi: 1. nel metodo "didFinishLaunchingWithOptions" di AppDelete ：

UIImage *backBtnIcon = [UIImage imageNamed:@"navBackBtn"];


if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
    [UINavigationBar appearance].tintColor = [UIColor whiteColor];
    [UINavigationBar appearance].backIndicatorImage = backBtnIcon;
    [UINavigationBar appearance].backIndicatorTransitionMaskImage = backBtnIcon;
}else{

    UIImage *backButtonImage = [backBtnIcon resizableImageWithCapInsets:UIEdgeInsetsMake(0, backBtnIcon.size.width - 1, 0, 0)];
    [[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage  forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

    [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -backButtonImage.size.height*2) forBarMetrics:UIBarMetricsDefault];
}

2. nel viewDidLoadmetodo della superclasse comune ViewController:

 if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
        UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@""
                                                                     style:UIBarButtonItemStylePlain
                                                                    target:nil
                                                                    action:nil];
        [self.navigationItem setBackBarButtonItem:backItem];
    }else{
        //do nothing
    }

SWIFT 4

Per coloro che desiderano creare pulsanti posteriori personalizzati e rimuovere il titolo, utilizzare il seguente codice all'interno del controller di visualizzazione che sta spingendo il nuovo:

self.navigationController?.navigationBar.backIndicatorImage = UIImage(named: "close")
self.navigationController?.navigationBar.backIndicatorTransitionMaskImage = UIImage(named: "close")
self.navigationItem?.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)

Per un uso più universale, procedi come segue:

1. Creare una funzione universale come segue:

   func addCustomizedBackBtn(navigationController: UINavigationController?, navigationItem: UINavigationItem?) {
       navigationController?.navigationBar.backIndicatorImage = UIImage(named: "close")
       navigationController?.navigationBar.backIndicatorTransitionMaskImage = UIImage(named: "close")
       navigationItem?.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)
   }

2. Quindi utilizzalo nei controller di visualizzazione come segue:

   addCustomizedBackBtn(navigationController: self.navigationController, navigationItem: self.navigationItem)

Un semplice hack da iOS6 funziona anche su iOS7:

[UIBarButtonItem.appearance setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -60) forBarMetrics:UIBarMetricsDefault];

Modifica: non utilizzare questo trucco. Vedi il commento per i dettagli.

puoi usare questo. Questo funziona perfettamente per me semplicemente aggiungendo un UIButtoncome custumview per il UIBarButtonItem.

Prova il codice qui sotto

    self.navigationItem.leftBarButtonItem=[self backButton];


- (UIBarButtonItem *)backButton
{
    UIImage *image = [UIImage imageNamed:@"back-btn.png"];
    CGRect buttonFrame = CGRectMake(0, 0, image.size.width, image.size.height);

    UIButton *button = [[UIButton alloc] initWithFrame:buttonFrame];
    [button addTarget:self action:@selector(backButtonPressed) forControlEvents:UIControlEventTouchUpInside];
    [button setImage:image forState:UIControlStateNormal];

    UIBarButtonItem *item= [[UIBarButtonItem alloc] initWithCustomView:button];

    return item;
}

Crea un UILabelcon il titolo desiderato per il controller della vista principale e assegnalo al controller della vistanavigationItem.titleView .

Ora imposta il titolo su una stringa vuota e il controller della vista successiva che premi avrà un pulsante indietro senza testo.

self.navigationItem.titleView = titleLabel; //Assuming you've created titleLabel above
self.title = @"";

 // add left bar button item

try this code:

- (void)viewDidLoad
{ 
    [super viewDidLoad];

   UIImage* image_back = [UIImage imageNamed:@"your_leftarrowImage.png"];
    CGRect backframe = CGRectMake(250, 9, 15,21);
    UIButton *backbutton = [[UIButton alloc] initWithFrame:backframe];
    [backbutton setBackgroundImage:image_back forState:UIControlStateNormal];
    [backbutton addTarget:self action:@selector(Btn_back:)
         forControlEvents:UIControlEventTouchUpInside];
    [backbutton setShowsTouchWhenHighlighted:YES];
    UIBarButtonItem *backbarbutton =[[UIBarButtonItem alloc] initWithCustomView:backbutton];
    self.navigationItem.leftBarButtonItem=backbarbutton;
    [backbutton release];

}
-(IBAction)Btn_back:(id)sender
{
    [self.navigationController popViewControllerAnimated:YES];

}

Tutte le risposte non risolvono il problema. Non è accettabile ripristinare il titolo del pulsante in ogni controller di visualizzazione e l'aggiunta di offset al titolo fa comunque spostare il titolo del controller di visualizzazione successivo a destra.

Ecco il metodo che utilizza il metodo swizzling, basta creare una nuova estensione per UINavigationItem

import UIKit

extension UINavigationItem {
    public override class func initialize() {

    struct Static {
        static var token: dispatch_once_t = 0
    }

    // make sure this isn't a subclass
    if self !== UINavigationItem.self {
        return
    }

    dispatch_once(&Static.token) {
        let originalSelector = Selector("backBarButtonItem")
        let swizzledSelector = #selector(UINavigationItem.noTitleBackBarButtonItem)

        let originalMethod = class_getInstanceMethod(self, originalSelector)
        let swizzledMethod = class_getInstanceMethod(self, swizzledSelector)

        let didAddMethod = class_addMethod(self, originalSelector, method_getImplementation(swizzledMethod), method_getTypeEncoding(swizzledMethod))

        if didAddMethod {
            class_replaceMethod(self, swizzledSelector, method_getImplementation(originalMethod), method_getTypeEncoding(originalMethod))
        } else {
            method_exchangeImplementations(originalMethod, swizzledMethod)
        }
    }
}

// MARK: - Method Swizzling

struct AssociatedKeys {
    static var ArrowBackButtonKey = "noTitleArrowBackButtonKey"
}

func noTitleBackBarButtonItem() -> UIBarButtonItem? {
    if let item = self.noTitleBackBarButtonItem() {
        return item
    }

    if let item = objc_getAssociatedObject(self, &AssociatedKeys.ArrowBackButtonKey) as? UIBarButtonItem {
        return item
    } else {
        let newItem = UIBarButtonItem(title: " ", style: UIBarButtonItemStyle.Plain, target: nil, action: nil)
        objc_setAssociatedObject(self, &AssociatedKeys.ArrowBackButtonKey, newItem as UIBarButtonItem?, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        return newItem
    }
}
}

Ho applicato il seguente codice in viewDidLoad e funziona:

  // this will set the back button title
self.navigationController.navigationBar.topItem.title = @"Test";

 // this line set the back button and default icon color  

//[[self.navigationController.navigationBar.subviews lastObject] setTintColor:[UIColor blackColor]];

this line change the back default icon to your custom icon
[[self.navigationController.navigationBar.subviews lastObject] setTintColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"menuicon"]]];

Solo per aggiornare uso l'icona vettoriale

È possibile sottoclassare UINavigationController, impostarsi come delegato e impostare backBarButtonItem nel metodo delegato navigationController:willShowViewController:animated:

@interface Custom_NavigationController : UINavigationController <UINavigationControllerDelegate>

@end

@implementation Custom_NavigationController

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.delegate = self;
}

#pragma mark - UINavigationControllerDelegate

- (void)navigationController:(UINavigationController *)navigationController     willShowViewController:(UIViewController *)viewController animated:(BOOL)animated
{
    viewController.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
}

@end

Ripristina titolo vuoto

UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:@""  style:UIBarButtonItemStyleDone target:self action:@selector(handleBack:)];
[backButton setTintColor:Color_WHITE];
[self.navigationItem setBackBarButtonItem:backButton];

Cambia immagine indietro

 UIImage *backImg = [[UIImage imageNamed:@"ic_back_white"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
[UINavigationBar appearance].backIndicatorImage = backImg;
[UINavigationBar appearance].backIndicatorTransitionMaskImage = backImg;

Uso questa soluzione da iOS 5 o giù di lì senza problemi. Ho creato una funzione di utilità che chiamo nei miei controller di visualizzazione. Devi farlo in viewDidLoad o in qualsiasi altro momento successivo.

void updateBackButtonTextForViewController(UIViewController *viewController, NSString *text)
{
    if(! viewController.navigationItem.backBarButtonItem)
    {
        viewController.navigationItem.backBarButtonItem =
        [[UIBarButtonItem alloc] initWithTitle:text
                                         style:UIBarButtonItemStylePlain
                                        target:nil action:nil];
    }
    else
    {
        viewController.navigationItem.backBarButtonItem.title = text;
    }
}

In alcuni casi l'elemento di navigazione potrebbe già esistere, in altri casi deve essere creato. Ciò rappresenta entrambi i casi senza fare confusione con il titolo dell'elemento di navigazione. Ti permette di rimuovere il titolo semplicemente passando @"".

L'unico modo che ha funzionato per me è stato:

navigationController?.navigationBar.backItem?.title = ""

AGGIORNARE:

Quando ho cambiato il flag di animazione segue in true (prima era falso), l'unico modo che funzionava per me era:

navigationController?.navigationBar.topItem?.title = ""

Se hai due ViewController (FirstVC, SecondVC) incorporati nel controller di navigazione e desideri che sia presente solo la freccia indietro in SecondVC.

Puoi provare questo nel ViewDidLoad di FirstVC

override func viewDidLoad() {
    super.viewDidLoad()
    self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .Plain, target: nil, action: nil)
}

Quindi quando premi Push in SecondVC, vedrai che c'è solo la freccia indietro

Se si imposta tintColor Of NavigationBar, aggiungere un'immagine del pulsante Indietro personalizzata senza titolo in modo che il colore della tinta rifletta il colore dell'immagine. Segui questo link documentaion di Apple.

https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/UIKitUICatalog/index.html#//apple_ref/doc/uid/TP40012857-UIView-SW7

UINavigationItem *navItem = [[UINavigationItem alloc] init];
   navBar.tintColor = self.tintColor;

   UIImage *myImage = [UIImage imageNamed:@"left_arrow.png"];
     myImage = [myImage              imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

     UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithImage:myImage style:UIBarButtonItemStylePlain target:self action:@selector(cancelButtonFunction:)];
     navItem.leftBarButtonItem = leftButton;

    navBar.items = @[ navItem ];

Controlla questa risposta

Come modificare il nome del pulsante Indietro di UINavigationController?

imposta il titletesto su stringcon uno spazio vuoto come di seguito

title = " "

Non ho abbastanza reputazione per aggiungere commenti :)

Ho scritto un'estensione per renderlo più semplice:

extension UIViewController {

    /// Convenience for setting the back button, which will be used on any view controller that this one pushes onto the stack
    @objc var backButtonTitle: String? {
        get {
            return navigationItem.backBarButtonItem?.title
        }
        set {
            if let existingBackBarButtonItem = navigationItem.backBarButtonItem {
                existingBackBarButtonItem.title = newValue
            }
            else {
                let newNavigationItem = UIBarButtonItem(title: newValue, style:.plain, target: nil, action: nil)
                navigationItem.backBarButtonItem = newNavigationItem
            }
        }
    }

}

Puoi cambiare il titolo in @ "" dell'attuale ViewController su viewWillDisappear e, quando sta per mostrare di nuovo, reimposta il titolo su qualunque cosa fosse prima.

-(void) viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    self.title = @"Previous Title";
}

-(void) viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    self.title = @"";
}

Nel metodo preparForSegue: del tuo primo ViewController imposti il ​​titolo di quella vista su @ "", quindi quando viene spinto la vista successiva verrà visualizzato il titolo di ViewController precedente che sarà @ "".

-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
    self.navigationItem.title = @" ";
}

L'unico problema è che quando si preme il pulsante Indietro la vista precedente non avrà un titolo, quindi è possibile aggiungerla di nuovo su viewWillAppear:

-(void)viewWillAppear:(BOOL)animated{
   self.navigationItem.title = @"First View Title";
}

Questa soluzione non mi piace molto ma funziona e non ho trovato altro modo per farlo.

Per aggiungere alla risposta di Thomas C sopra, a volte mettere un singolo spazio non funziona e devi continuare ad aggiungere spazi.

Saprai di avere successo quando vedi "Elemento pulsante barra -" in "Elemento di navigazione". È presente nella struttura del documento (Editor-> Mostra struttura del documento). Una volta che vedi l'immagine sopra, puoi eliminare alcuni spazi e vedere se funziona ancora.

- (id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];
    if (self) {
        // Custom initialization
        self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];

    }
    return self; 
}

Proprio come fa Kyle Begeman, aggiungi il codice sopra nel controller della vista principale. Verrà applicato tutto il controller della vista secondaria. Inoltre, aggiungendo questo in initWithCoder: metodo, è possibile applicare lo stile per i controller di visualizzazione radice in approcci basati su codice xib, storyboard o.