Comment puis-je avoir un UIBarButtonItem avec à la fois l'image et le texte?

Lorsque j'essaie d'utiliser une image pour un UIBarButtonItem, le texte n'est pas affiché. Est-il un moyen de montrer à la fois le texte et l'image?

InformationsquelleAutor node ninja | 2010-10-11
  1. 41

    Vous pouvez initialiser le UIBarButtonItem avec une vue personnalisée qui a à la fois l'image et le texte. Voici un exemple qui utilise un UIButton.

    UIImage *chatImage = [UIImage imageNamed:@"08-chat.png"];

UIButton *chatButton = [UIButton buttonWithType:UIButtonTypeCustom];
[chatButton setBackgroundImage:chatImage forState:UIControlStateNormal];
[chatButton setTitle:@"Chat" forState:UIControlStateNormal];
chatButton.frame = (CGRect) {
    .size.width = 100,
    .size.height = 30,
};

UIBarButtonItem *barButton= [[[UIBarButtonItem alloc] initWithCustomView:chatButton] autorelease];
self.toolbar.items = [NSArray arrayWithObject:barButton];
    • Pour la dernière ligne, je reçois un message d'erreur disant: "Demande d'un membre" de la barre d'outils " est quelque chose de pas une structure ou d'une union. Comment puis-je le faire à l'aide de l'auto.navigationItem.rightBarButtonItem?
    • Dans ce cas, remplacer la dernière ligne avec self.navigationItem.rightBarButtonItem = barButton;. Ou vous pouvez utiliser cette méthode: developer.apple.com/library/ios/documentation/uikit/reference/....
    • Qu'advient-il si vous utilisez le setRightBarButtonItem:animation: méthode?
    • [self.navigationItem setRightBarButtonItem:barButton animated:YES];
    • Oui, cela a fonctionné! Pas ce que j'attendais, mais il montre à la fois du texte et des graphiques.
    • Il n'est pas nécessaire d'utiliser une image d'arrière-plan, vous pouvez simplement définir le titre et l'image de la UIButton et l'image apparaît automatiquement à la gauche du texte.
    • Bill:Comment juste titre du jeu et de l'image?UIImage *image = [[UIImage imageNamed:@"Game.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; UIBarButtonItem *button = [[UIBarButtonItem alloc] initWithImage:image style:UIBarButtonItemStylePlain target:self action:@selector(refreshPropertyList:)]; button.title=@"3333"; Il ne fonctionne pas.

    InformationsquelleAutor Kris Markel
  2. 11

    Je suggère une façon de comment faire cela en utilisant le Storyboard:

    1. Glisser-déposer sur la Barre d'outils d'habitude UIView. Il sera automatiquement renvoyé à Bouton de la Barre d'Élément. Ajuster l'Affichage de la largeur de la Taille "inspecteur". Change la couleur de fond de la Vue de la couleur claire.

    Comment puis-je avoir un UIBarButtonItem avec à la fois l'image et le texte?

    1. Mettre UIButton et UILabel à l'intérieur d'un point de Vue. Vous pouvez utiliser les contraintes pour ajuster leurs positions. Aussi, vous pouvez mettre thier à l'extérieur d'un point de Vue, par exemple, peu plus ou moins (comme sur ma photo). Mettre par Défaut et les images de UIButton.

    2. Copie Bouton de la Barre d'Élément et réglez l'autre des boutons. Ajouter des espaces Flexibles.

    3. Créer des points de vente.

    4. Fait :). Lorsque vous exécutez l'application, vous obtenez la Barre d'Outil comme ceci:

    Comment puis-je avoir un UIBarButtonItem avec à la fois l'image et le texte?

    P. S. Ici vous pouvez lire comment créer UIToolbar sous-classe à l'aide .xib

    InformationsquelleAutor Igor
  3. 6
    UIButton *button =  [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:[UIImage imageNamed:@"image.png"] forState:UIControlStateNormal];
[button addTarget:target action:@selector(buttonAction:)forControlEvents:UIControlEventTouchUpInside];
[button setFrame:CGRectMake(0, 0, 53, 31)];
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(3, 5, 50, 20)];
[label setFont:[UIFont fontWithName:@"Arial-BoldMT" size:13]];
[label setText:title];
label.textAlignment = UITextAlignmentCenter;
[label setTextColor:[UIColor whiteColor]];
[label setBackgroundColor:[UIColor clearColor]];
[button addSubview:label];
UIBarButtonItem *barButton = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.leftBarButtonItem = barButton;
    InformationsquelleAutor Sandy Patel
  4. 3

    Swift 4.2 avec cible

    extension UIBarButtonItem {
    convenience init(image :UIImage, title :String, target: Any?, action: Selector?) {
        let button = UIButton(type: .custom)
        button.setImage(image, for: .normal)
        button.setTitle(title, for: .normal)
        button.frame = CGRect(x: 0, y: 0, width: image.size.width, height: image.size.height)

        if let target = target, let action = action {
            button.addTarget(target, action: action, for: .touchUpInside)
        }

        self.init(customView: button)
    }
}
    • elle fonctionne. Aucune idée de l'endroit où l'enceinte des pauses viennent entre le bouton de la presse et de l'arrivée de l'action spécifiée?
    • Le problème est (1) la vue personnalisée, il est plus lent et (2) ce n'est pas la bonne façon de personnaliser le bouton de Retour.
    • Ajoutez cette ligne à se débarrasser de la gauche de l'espace: bouton.imageEdgeInsets = UIEdgeInsets(en haut: 0, à gauche: -13.0, bas: 0, droite: 0)
    InformationsquelleAutor abbood
  5. 2

    Kris Markel la réponse est un bon début (seulement < iOS7), mais si vous utilisez la teinte de la couleur, il wount travail de l'image et de la mise en surbrillance de l'état du bouton.

    J'ai créé une catégorie qui permettra de créer un UIBarButtonItem (leftBarButtonItem) qui ressemble et se comporte comme un normal iOS7 bouton de retour. Jetez un oeil à: https://github.com/Zero3nna/UIBarButtonItem-DefaultBackButton

    InformationsquelleAutor zero3nna
  6. 1

    Swift mise à Jour pour UIBarButtonItem avec une vue personnalisée qui a à la fois l'image et le texte.

    var chatImage: UIImage  = UIImage(named: "YourImageName")
var rightButton : UIButton = UIButton(type: UIButtonType.custom)
rightButton.setBackgroundImage(rightImage, for: .normal)
rightButton.setTitle(title, for: .normal)
rightButton.frame.size = CGSize(width: 100, height: 30)

let menuUIBarButtonItem = UIBarButtonItem(customView: rightButton)
    InformationsquelleAutor GayashanK