iPhone: création d'UIBarButtonItem en forme de flèche

J'ai un UIBarButtonItem sur une barre de navigation. J'aimerais le faire en forme de flèche. J'entends par là que je veux qu'il soit carré, sauf pour un côté pointu. Personne ne sait comment faire cela?

Merci!

source d'informationauteur WoodenKitty | 2010-02-24

  1. 17

    Je me suis battu avec plusieurs approches sur celui-ci et enfin compris à l'aide de toutes les réponses à partir de plusieurs sources. Il ya un couple de tours, cet extrait de code va montrer tout ça (j'étais en train de créer un personnalisé rightNavButtonmais vous pouvez l'adapter facilement pour n'importe quel UIBarButtonItem):

    //Produces a nice "right arrow" style button that mirrors the back arrow
//automatically added by the navController
//
UIImage *buttonImage = [UIImage imageNamed:@"forwardButton.png"];
UIButton *forwardButton = [UIButton buttonWithType:UIButtonTypeCustom];
[forwardButton setBackgroundImage:buttonImage forState:UIControlStateNormal];
[forwardButton setTitle:@"Meter" forState:UIControlStateNormal];
forwardButton.font = [UIFont boldSystemFontOfSize:12];
forwardButton.frame = CGRectMake(0, 0, buttonImage.size.width, buttonImage.size.height);
[forwardButton addTarget:self action:@selector(showMeter) 
           forControlEvents:UIControlEventTouchUpInside];

self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] 
           initWithCustomView:forwardButton];

    Remarque: il s'avère que si vous essayez de définir la cible et de l'action directement sur le bouton de l'élément après l'attribution d'un affichage personnalisé à l'aide d'un UIButton qu'il ne faudra pas - vous devez définir la cible et de l'action sur le bouton lui-même l'apparence de la navBar utilise le bouton prévu verbatim.

    C'est l'image que j'utilisais sur le noirs opaques navBar (vous pouvez utiliser n'importe quoi, évidemment): http://raretiger.com/images/forwardbutton.png

  2. 7

    Faire un arrière-plan personnalisé. Voir Création d'un bouton flèche gauche (comme UINavigationBar du "retour" de style) sur un UIToolbar pour comment.

    Vous pouvez -pushNavigationItem:animated: à faire de l'intégré dans le bouton de retour apparaissent, bien que vous ne pouvez pas affecter des actions personnalisées.

    Pour les sans-papiers, des méthodes, vous pouvez utiliser

    UIButton* backButton = [UIButton buttonWithType:101];

    pour créer un bouton de retour".

  3. 4

    Vous pouvez créer une UIImageView ou un UIButton avec l'image souhaitée, puis utiliser:

    [[UIBarButtonItem alloc] initWithCustomView: arrowButton];

    Espère que cette aide.

  4. 0

    continue sur @Plamen Dragozov l'idée: j'ai remarqué que si vous laissez le uibutton comme il est, il déclenche un réglage de l'image lorsqu'elle est touchée et c'est tout le contraire de ce qu'une normale de navigation bouton de retour. Donc, ce que j'ai fait a été de décocher ", a souligné ajuste l'Image" et il fonctionne comme un charme.

    espère que cela aide les débutants comme moi.

  5. 0

    Solution plus élégante:

    UIBarButtonItem * backButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"Title" style:UIBarButtonItemStylePlain target:self action:@selector(back:)];
[backButtonItem setBackgroundImage:[UIImage imageNamed:@"back.png"]      forState:UIControlStateNormal     barMetrics:UIBarMetricsDefault];
self.navigationItem.leftBarButtonItem = backButtonItem;
  6. 0

    Mon problème a été de renommer le bouton retour qui s'affiche sur le poussé-vue-contrôleur. J'ai trouvé un sale contourner le problème, et si vous ignorez la non-idéal de l'animation de problème, vous obtiendrez un bouton de retour avec le titre que vous voulez.

    L'astuce consiste à modifier le titre de la première VC dans viewWillDisappear et re-définir des cours dans viewWillAppear

    (Inutile de dire que, par défaut, si il n'y a pas de leftBarButtonItem ensemble, UINavigationController affichera un bouton de retour avec le titre de la CR qui a poussé le courant VC)

    Dans le VC lorsque vous poussez votre VC, ne

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

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