Bouton du milieu de navigationBar

Je veux créer acustom barre de navigation.

Je sais que nous pouvons utiliser UIButton dans le milieu à la place du titre dans la barre de navigation, mais peut-on faire quelque chose qui ressemble à cette image?

Comme vous le voyez, nous avons trois différents boutons au milieu de cette barre de navigation. Pouvez-vous partager votre idée avec moi, comment nous pouvons mettre en œuvre une telle chose dans l'iPhone?

Avez-vous absolument besoin d'un UINavigationBar? Il est sans doute beaucoup plus facile d'archive avec un UIToolbar placé au sommet
Bon à savoir, vous êtes les bienvenus pour partager un peu de code aussi comme une réponse, je vais vérifier toutes les réponses.

OriginalL'auteur Ali | 2012-09-19

  1. 17

    En supposant que vous utilisez une manette de Navigation vous pouvez configurer votre navigationBar de titleView de la propriété à une UIView conteneur qui contient les trois boutons dans le milieu (et les deux ensembles de trois points). Le code devrait ressembler à quelque chose comme ceci:

        UIView *buttonContainer = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 44)];
    buttonContainer.backgroundColor = [UIColor clearColor];
    UIButton *button0 = [UIButton buttonWithType:UIButtonTypeCustom];
    [button0 setFrame:CGRectMake(0, 0, 44, 44)];
    [button0 setBackgroundImage:[UIImage imageNamed:@"button0.png"] forState:UIControlStateNormal];
    [button0 addTarget:self action:@selector(button0Action:) forControlEvents:UIControlEventTouchUpInside];
    [button0 setShowsTouchWhenHighlighted:YES];
    [buttonContainer addSubview:button0];

    //add your spacer images and button1 and button2...

    self.navigationItem.titleView = buttonContainer;

    Ou vous pouvez faire tout cela dans le livre de cours.

    OriginalL'auteur Keller

  2. 3

    Essayer si vous êtes à l'aide d'un UINavigationController

    1. changer l'image de fond de votre barre de navigation avec [self.navigationController.navigationBar setBackgroundImageForBarMetrics:]
    2. ensemble de vos boutons gauche et droit avec [self.navigationItem setLeftBarButtonItem:] et [self.navigationItem setRightBarButtonItem:]. Vous aurez probablement à utiliser UIBarButtonItem avec un UIButton comme un affichage personnalisé ici pour se débarrasser de la frontière.
    3. les trois boutons dans le milieu comme ce

    (vous avez probablement changer les dimensions)

    UIView *buttonView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 180, 40)];
UIButton *button1 = [UIButton buttonWithType:UIButtonTypeCustom];
button1.imageView.image = [UIImage imageNamed:@"button1.png"];
button1.frame = CGRectMake(0, 0, 40, 40);

UIButton *button2 = [UIButton buttonWithType:UIButtonTypeCustom];
button2.imageView.image = [UIImage imageNamed:@"button2.png"];
button2.frame = CGRectMake(70, 0, 40, 40);

UIButton *button3 = [UIButton buttonWithType:UIButtonTypeCustom];
button3.imageView.image = [UIImage imageNamed:@"button3.png"];
button3.frame = CGRectMake(140, 0, 40, 40);

[buttonView addSubview:button1];
[buttonView addSubview:button2];
[buttonView addSubview:button3];

self.navigationItem.titleView = buttonView;
    +1 pour votre aide. La façon dont vous définissez imageview.image ne fonctionne pas pour moi mais celui-ci a travaillé : [button1 setBackgroundImage:[UIImage imageNamed:@"button0.png"] forState:UIControlStateNormal];
    Oh oui c'est exact, désolé

    OriginalL'auteur Sascha