iphone Personnalisé UIBarButtonItem pour le bouton de retour

Je suis en train d'utiliser un élément personnalisé pour le bouton de retour dans ma barre de navigation.

UIImage *backButtonImage = [UIImage imageNamed:@"backbutton.png"];
UIBarButtonItem *customItem = [[UIBarButtonItem alloc] initWithImage:backButtonImage style:UIBarButtonItemStylePlain target:nil action:nil];
[self.navigationItem setBackBarButtonItem: customItem];
[customItem release];

Ce que j'ai fini par trouver mon image avec une bordure autour d'elle. Il ressemble à ceci (Mon image est le bouton de retour):

iphone Personnalisé UIBarButtonItem pour le bouton de retour

Comment puis-je me débarrasser de la frontière? Ce que je fais mal?

OriginalL'auteur Denny | 2011-01-30

  1. 10

    Votre image apparaît à l'intérieur d'un bouton de retour et il est apparemment (à partir de votre capture d'écran) pas de la même taille que le bouton de retour.

    Vous pouvez masquer le bouton de retour, puis la remplacer par une "Gauche Bouton de la Barre d'" à la place.

    Code:

    UIImage *backButtonImage = [UIImage imageNamed:@"backbutton.png"];
UIBarButtonItem *customItem = [[UIBarButtonItem alloc] initWithImage:backButtonImage style:UIBarButtonItemStylePlain target:self.navigationController action:@selector(popViewControllerAnimated:)];
[self.navigationController setHidesBackButton:YES];
[self.navigationItem setLeftBarButtonItem: customItem];
[customItem release];
    Merci pour votre réponse. J'ai essayé différentes tailles d'image, mais aucun d'entre eux travaille. Je reçois toujours une bordure autour de mon image à l'échelle. Une chose semblable se produit si j'utilise LeftBarButtonItem au lieu de BackBarButtonItem. Connaissez-vous un exemple de projet comprendre le travail des images et le code?
    Non, je ne suis pas au courant de tous les projets, mais je peux essayer d'en faire un plus tard, ce soir.

    OriginalL'auteur Moshe

  2. 10

    Bâtiment sur Jorge code, c'est ma solution.

    J'ai créer une simple catégorie sur UIViewController:

    UIViewController+ImageBackButton.h

    #import <UIKit/UIKit.h>

@interface UIViewController (ImageBackButton)

- (void)setUpImageBackButton;

@end

    UIViewController+ImageBackButton.m

    #import "UIViewController+ImageBackButton.h"

@implementation UIViewController (ImageBackButton)

- (void)setUpImageBackButton
{
    UIButton *backButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 34, 26)];
    [backButton setBackgroundImage:[UIImage imageNamed:@"back_arrow.png"] forState:UIControlStateNormal];
    UIBarButtonItem *barBackButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];
    [backButton addTarget:self action:@selector(popCurrentViewController) forControlEvents:UIControlEventTouchUpInside];
    self.navigationItem.leftBarButtonItem = barBackButtonItem;
    self.navigationItem.hidesBackButton = YES;
}

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

@end

    Maintenant tout ce que vous avez à faire est de #import UIViewController+ImageBackButton.h dans tous de votre point de vue contrôleurs ou à une coutume vue de la base de contrôleur de classe que votre autre point de vue, les contrôleurs de hériter du et de mettre en œuvre la viewWillAppear: méthode:

    - (void)viewWillAppear:(BOOL)animated
{
    [self setUpImageBackButton];
}

    C'est tout. Vous avez maintenant une image de bouton de retour partout. Sans frontière. Profitez-en!

    Merci homme... Vous avez sauvé mon temps
    C'est une bonne solution. Je me demande si il existe un moyen de détecter dynamiquement lorsque la norme bouton de retour à l'écran pour éviter d'avoir à remplacer viewWillAppear à chaque fois.
    C'est une bonne question. Je suis sûr qu'il doit y avoir un moyen. Si vous êtes désespéré et tout le reste échoue, vous pourriez itération de la UINavigationBar de sous-vues. Mais que devrait être le dernier recours 🙂

    OriginalL'auteur Johannes Fahrenkrug

  3. 6

    Voici une version mise à jour. Ceci inclut le réglage de la cible, la taille de la police, etc.

    Aussi, il reflète que setHidesBackButton n'est pas disponible en tant que propriété de navigationController.

    UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
UIImage *backButtonBackgroundImg = [UIImage imageNamed:@"BackButton.png"];
backButton.frame = CGRectMake(0.0f, 0.0f, backButtonBackgroundImg.size.width, backButtonBackgroundImg.size.height);
[backButton setBackgroundImage:backButtonBackgroundImg forState:UIControlStateNormal];
[backButton addTarget:self action:@selector(didTouchUpInsideBackButton:) forControlEvents:UIControlEventTouchUpInside];
backButton.titleLabel.font = [UIFont boldSystemFontOfSize:[UIFont smallSystemFontSize]];
[backButton setTitle:@"MyTitle" forState:UIControlStateNormal];

self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];

    Noter que c'est à partir d'un ARC de projet, donc pas de rejets, etc. sur les objets.

    Je vous remercie beaucoup. C'est exactement ce dont j'avais besoin, je ne pouvais pas trouver ailleurs.

    OriginalL'auteur Max MacLeod

  4. 1

    J'ai créé une catégorie de UINavigationBar que j'appelle dans viewWillAppear dans chacun de mes viewControllers. Le code que j'utilise pour modifier l'apparence de mon bouton de retour est la suivante:

    UIButton *backButton = [[UIButton alloc] initWithFrame:CGRectMake( your button frame)];
[backButton setBackgroundImage:[UIImage imageNamed:@"your image name"] forState:UIControlStateNormal];
UIBarButtonItem *barBackButtonItem = [[UIBarButtonItem alloc] initWithCustomView: backButton];
[backButton addTarget:delegate action:@selector(backButtonPressed) forControlEvents:UIControlEventTouchUpInside];
self.topItem.leftBarButtonItem = barBackButtonItem;
self.topItem.hidesBackButton = YES;

    Fonctionne parfaitement sous iOS 6.

    OriginalL'auteur Jorge Perez