iOS 7 BarButtonItem avec image et titre

Je suis à essayer de comprendre comment obtenir quelque chose comme ceci:

C'est une barre d'outils et que j'aimerais garder le titre du bouton de texte sans avoir à créer de l'ensemble de l'image avec l'icône ET le texte. Comment puis-je ajouter l'icône à gauche de la UIBarButtonItem tout en gardant le texte avec:

UIBarButtonItem *customBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"Button" style:UIBarButtonItemStyleBordered target:nil action:nil];

MODIFIER

C'est ce que j'ai obtenu avec le code suivant:

    UIButton *customButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [customButton setImage:[UIImage imageNamed:@"Test"] forState:UIControlStateNormal];
    [customButton setTitle:@"Button" forState:UIControlStateNormal];
    customButton.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 0, 0);
    [customButton sizeToFit];
    UIBarButtonItem *customBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:customButton];

iOS 7 BarButtonItem avec image et titre

De deux questions: la première est la taille de la UIButton et la seconde est que, comme vous pouvez le voir sur le gif, le bouton n'a pas d'animer correctement lorsque j'appuyez sur le bouton et quand je presse le robinet. Des idées?

source d'informationauteur Fred Collins

31

Vous pouvez incorporer un UIButton comme un affichage personnalisé à l'intérieur de votre UIBarButtonItem. Vous pouvez créer votre UIButton toutefois vous le souhaitez, y compris avec une image et du texte, à l'aide de -setImage:forState: et -setTitle:forState:.
```
UIButton* customButton = [UIButton buttonWithType:UIButtonTypeCustom];
[customButton setImage:[UIImage imageNamed:@"image"] forState:UIControlStateNormal];
[customButton setTitle:@"Button" forState:UIControlStateNormal];
[customButton sizeToFit];
UIBarButtonItem* customBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:customButton];
self.navigationItem.leftBarButtonItem = customBarButtonItem; //or self.navigationItem.rightBarButtonItem
```
Notez que lorsque vous faites cela, vous aurez besoin d'attacher votre IBAction méthodes pour customButtonde ne pas customBarButtonItem.

Pour plus d'info, voir la documentation de initWithCustomView:.

Vous pouvez aussi faire tout cela dans interface builder, il suffit de glisser un UIButton vers la gauche bouton de la barre d'/droite bouton de la barre d'emplacement sur une barre de navigation.
4

Je n'étais pas satisfait avec toutes les solutions trouvées sur un débordement de pile becauseI comme la façon dont UIBarButtonItenm convertir les images pour qu'elles s'affichent correctement et ils peuvent être modifiés avec la teinte de la couleur. J'ai donc découvert cette solution que je peux utiliser bien avec pas beaucoup de code... Fin de l'effet est similaire à la barre d'outils dans facebook et autres applications...

Lorsque vous modifiez la teinte de la couleur des points de vue contenus dans UIBArButtonItem couleurs de l'image et du changement de titre en conséquence, vraiment cool , je n'ai pas à créer des images à tous.

Ce code est appelé à partir de chaque bouton de la Concurrence Bouton, et aussi le Bouton est réglé sur le référencement de sortie...
```
- (void)selectButton:(UIButton *)sender { 
    _competitionButton.superview.tintColor = [UIColor lightGrayColor];
    _usersButton.superview.tintColor = [UIColor lightGrayColor]; 
    _managementButton.superview.tintColor = [UIColor lightGrayColor];    
    sender.superview.tintColor = [UIColor whiteColor]; 
}

- (IBAction)onCompetitionButtonClick:(UIButton *)sender {
    [self selectButton:sender];
    [_scrollView scrollToPage:0 of:3];
}
```
Bouton comme celui intitulé la Compétition il y a seulement le titre et dans le bouton de la barre d'élément y est l'image... c'est de Cette façon que j'ai mis et ça marche , peut-être il y a également d'autres possibilités..

Donc j'ai réussi à faire ma solution par programmation... Certains où les utilisateurs à se plaindre, il ne fonctionne pas ... Donc comment créer UTToolbar avec l'image et l'élément de sorte que vous pouvez changer la couleur du bouton par la teinte et la magie modifie l'image ainsi que le titre de l'étiquette ? Mon INTERFACE de l'éditeur de la solution fonctionne pour vous...
Dans ce code peut clarifier les choses plus et vous pouvez le faire par programmation, soit...

- (void)loadToolbar {
NSMutableArray *items = NSMutableArray.new;
[items add:[UIBarButtonItem createWithItem:UIBarButtonSystemItemFlexibleSpace :nil :nil]];
for (uint pageIndex = 0; pageIndex < _controllers.count; ++pageIndex) {
UIView *itemView = [UIView.alloc initWithFrame:CGRectMake(0, 0, 100, 44)];
itemView.backgroundColor = [UIColor clearColor];
itemView.tintColor = [UIColor orangeColor];
[itemView addSubview:[self createToolbarForItemView:pageIndex]];
[itemView addSubview:[self createButtonForItemView:pageIndex]];
UIBarButtonItem *item = [UIBarButtonItem.alloc initWithCustomView:itemView];
item.style = UIBarButtonItemStylePlain;
[items add:item];
[items add:[UIBarButtonItem createWithItem:UIBarButtonSystemItemFlexibleSpace :nil :nil]];
}
[_toolbar setItems:items];
}
- (UIButton *)createButtonForItemView:(uint)pageIndex {
UIButton *itemButton = [UIButton buttonWithType:UIButtonTypeSystem];
itemButton.frame = CGRectMake(0, 0, 100, 44);
itemButton.titleLabel.font = [UIFont systemFontOfSize:11];
itemButton.contentEdgeInsets = UIEdgeInsetsMake(30, 0, 0, 0);
itemButton.text = [_controllers[pageIndex] tabTitle];
itemButton.touchUp = ^(UIButton *sender) {
for (UIButton *button in _buttons) button.superview.tintColor = UI.toolBarInactiveButtonTextColor;
sender.superview.tintColor = UI.toolBarActiveButtonTextColor;
[self showPage:pageIndex];
};
[_buttons add:itemButton];
return itemButton;
}
- (UIToolbar *)createToolbarForItemView:(uint)pageIndex {
UIToolbar *itemToolbar = [UIToolbar.alloc initWithFrame:CGRectMake(0, 0, 100, 44)];
itemToolbar.tintColor = nil;
itemToolbar.barStyle = _toolbar.barStyle;
itemToolbar.translucent = _toolbar.translucent;
UIBarButtonItem *imageItem = [_controllers[pageIndex] tabImageItem];
imageItem.style = UIBarButtonItemStylePlain;
imageItem.tintColor = nil;
imageItem.imageInsets = UIEdgeInsetsMake(-10, 0, 0, 0);
itemToolbar.items = @[
[UIBarButtonItem createWithItem:UIBarButtonSystemItemFlexibleSpace :nil :nil],
imageItem,
[UIBarButtonItem createWithItem:UIBarButtonSystemItemFlexibleSpace :nil :nil]
];
return itemToolbar;
}

J'ai résolu ce problème comme suit:

[Button **setTitleColor**:[UIColor colorWithRed:129/255.0f green:124/255.0f blue:110/255.0f alpha:1.0f] forState:**UIControlStateHighlighted**];

Vous devez vous connecter pour publier un commentaire.