Comment afficher / masquer un UIBarButtonItem?

J'ai créé une barre d'outils dans IB avec plusieurs boutons. Je voudrais pouvoir masquer / afficher l'un des boutons en fonction de l'état des données dans la fenêtre principale.

UIBarButtonItem n'a pas de propriété cachée, et tous les exemples que j'ai trouvés jusqu'à présent pour les masquer impliquent de définir les boutons de la barre de navigation sur zéro, ce que je ne pense pas que je veux faire ici parce que je devrai peut-être afficher à nouveau le bouton (pas de mentionner que, si je connecte mon bouton à un IBOutlet, si je le mets à zéro, je ne sais pas comment je le récupérerai).

Enregistrez votre bouton dans une prise solide (appelons-le myButton) et faites-le pour l'ajouter / le supprimer:

// Get the reference to the current toolbar buttons
NSMutableArray *toolbarButtons = [self.toolbarItems mutableCopy];

// This is how you remove the button from the toolbar and animate it
[toolbarButtons removeObject:self.myButton];
[self setToolbarItems:toolbarButtons animated:YES];

// This is how you add the button to the toolbar and animate it
if (![toolbarButtons containsObject:self.myButton]) {
    // The following line adds the object to the end of the array.  
    // If you want to add the button somewhere else, use the `insertObject:atIndex:` 
    // method instead of the `addObject` method.
    [toolbarButtons addObject:self.myButton];
    [self setToolbarItems:toolbarButtons animated:YES];
}

Parce qu'il est stocké dans la prise, vous en garderez une référence même lorsqu'il n'est pas dans la barre d'outils.

Je sais que cette réponse est en retard pour cette question. Cependant, cela pourrait aider si quelqu'un d'autre fait face à une situation similaire.

Dans iOS 7, pour masquer un élément de bouton de barre, nous pouvons utiliser les deux techniques suivantes: -

• utiliser SetTitleTextAttributes: - Cela fonctionne très bien sur les éléments de bouton de barre comme "Terminé", "Enregistrer" etc. Cependant, cela ne fonctionne pas sur les éléments comme Ajouter, Symbole de corbeille, etc. (du moins pas pour moi) car ce ne sont pas des textes.
• utiliser TintColor: - Si j'ai un élément de bouton de barre appelé "deleteButton": -

Pour masquer le bouton, j'ai utilisé le code suivant: -

[self.deleteButton setEnabled:NO]; 
[self.deleteButton setTintColor: [UIColor clearColor]];

Pour afficher à nouveau le bouton, j'ai utilisé le code suivant: -

[self.deleteButton setEnabled:YES];
[self.deleteButton setTintColor:nil];

Voici une approche simple:

hide:  barbuttonItem.width = 0.01;
show:  barbuttonItem.width = 0; //(0 defaults to normal button width, which is the width of the text)

Je viens de l'exécuter sur mon iPad rétine, et .01 est assez petit pour qu'il ne s'affiche pas.

Il est possible de masquer un bouton en place sans modifier sa largeur ou le retirer de la barre. Si vous définissez le style en clair, supprimez le titre et désactivez le bouton, il disparaîtra. Pour le restaurer, inversez simplement vos modifications.

-(void)toggleBarButton:(bool)show
{
    if (show) {
        btn.style = UIBarButtonItemStyleBordered;
        btn.enabled = true;
        btn.title = @"MyTitle";
    } else {
        btn.style = UIBarButtonItemStylePlain;
        btn.enabled = false;
        btn.title = nil;
    }
}

Voici ma solution bien que je la cherchais pour la barre de navigation.

navBar.topItem.rightBarButtonItem = nil;

Ici "navBar" est un IBOutlet à la NavigationBar dans la vue en XIB Ici, je voulais cacher le bouton ou l'afficher en fonction d'une condition. Donc, je teste la condition dans "If" et si true, je définis le bouton sur nil dans la méthode viewDidLoad de la vue cible.

Cela peut ne pas être exactement lié à votre problème, mais quelque chose de similaire dans le cas où vous souhaitez masquer les boutons sur la barre de navigation

Pour Swift 3 et Swift 4, vous pouvez le faire pour masquer UIBarButtomItem:

self.deleteButton.isEnabled = false
self.deleteButton.tintColor = UIColor.clear

Et pour montrer UIBarButtonItem:

self.deleteButton.isEnabled = true
self.deleteButton.tintColor = UIColor.blue

Sur le, tintColorvous devez avoir à spécifier la couleur d'origine que vous utilisez pour leUIBarButtomItem

J'utilise actuellement OS X Yosemite Developer Preview 7 et Xcode 6 beta 6 ciblant iOS 7.1 et la solution suivante fonctionne bien pour moi:

• Créer une sortie pour UINavigationItemet UIBarButtonItems

• Exécutez le code suivant pour supprimer

  [self.navItem setRightBarButtonItem:nil];
  [self.navItem setLeftBarButtonItem:nil];

• Exécutez les codes suivants pour ajouter à nouveau des boutons

  [self.navItem setRightBarButtonItem:deleteItem];
  [self.navItem setLeftBarButtonItem:addItem];

J'ai utilisé IBOutlets dans mon projet. Donc ma solution était:

@IBOutlet weak var addBarButton: UIBarButtonItem!

addBarButton.enabled = false
addBarButton.tintColor = UIColor.clearColor()

Et lorsque vous devrez à nouveau afficher cette barre, définissez simplement les propriétés inversées.

Dans Swift 3,enable utilisez plutôt la isEnablepropriété.

self.dismissButton.customView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 0)];

iOS 8. UIBarButtonItem avec image personnalisée. J'ai essayé de nombreuses façons différentes, la plupart d'entre elles n'aidaient pas. La solution de Max setTintColorne changeait en aucune couleur. J'ai compris celui-ci moi-même, pensant qu'il serait utile à quelqu'un.

Pour se cacher:

[self.navigationItem.rightBarButtonItem setEnabled:NO];
[self.navigationItem.rightBarButtonItem setImage:nil];

Pour montrer:

[self.navigationItem.rightBarButtonItem setEnabled:YES];
[self.navigationItem.rightBarButtonItem setImage:image];

Essayez dans Swift , ne mettez pas à jour tintColorsi vous avez un design pour votre UIBarButtonItem comme la taille de la police dans AppDelegate, cela changera totalement l'apparence de votre bouton lors de votre apparition.

Dans le cas d'un bouton texte, le changement de titre peut faire disparaître votre bouton.

if WANT_TO_SHOW {
    myBarButtonItem.enabled = true
    myBarButtonItem.title = "BUTTON_NAME"
}else{
    myBarButtonItem.enabled = false
    myBarButtonItem.title = ""
}

J'ai découvert une autre ride dans l' approche tintColoret isEnabledsuggérée par Max et d'autres - lorsque VoiceOver est activé pour l'accessibilité et que le bouton est logiquement caché, le curseur d'accessibilité se concentrera toujours sur le bouton de la barre et indiquera qu'il est "grisé" (c'est-à-dire parce qu'il isEnabledest défini sur false). L'approche dans la réponse acceptée ne souffre pas de cet effet secondaire, mais un autre travail que j'ai trouvé consistait à définir la valeur isAccessibilityElementfalse lors du "masquage" du bouton:

deleteButton.tintColor = UIColor.clear
deleteButton.isEnabled = false
deleteButton.isAccessibilityElement = false

Et puis isAccessibilityElementrevenir à true lorsque vous "montrez" le bouton:

deleteButton.tintColor = UIColor.blue
deleteButton.isEnabled = true
deleteButton.isAccessibilityElement = true

Le fait que l'élément du bouton de barre occupe toujours de l'espace n'était pas un problème dans mon cas, car nous masquions / montrions la partie la plus à gauche des éléments de bouton de barre de droite.

@IBDesignable class AttributedBarButtonItem: UIBarButtonItem {

    var isHidden: Bool = false {

        didSet {

            isEnabled = !isHidden
            tintColor = isHidden ? UIColor.clear : UIColor.black
        }
    }
}

Et maintenant, changez simplement la isHiddenpropriété.

Amélioration de la réponse de @lnafziger

Enregistrez vos Barbuttons dans une prise solide et faites-le pour le cacher / le montrer:

-(void) hideBarButtonItem :(UIBarButtonItem *)myButton {
    // Get the reference to the current toolbar buttons
    NSMutableArray *navBarBtns = [self.navigationItem.rightBarButtonItems mutableCopy];

    // This is how you remove the button from the toolbar and animate it
    [navBarBtns removeObject:myButton];
    [self.navigationItem setRightBarButtonItems:navBarBtns animated:YES];
}


-(void) showBarButtonItem :(UIBarButtonItem *)myButton {
    // Get the reference to the current toolbar buttons
    NSMutableArray *navBarBtns = [self.navigationItem.rightBarButtonItems mutableCopy];

    // This is how you add the button to the toolbar and animate it
    if (![navBarBtns containsObject:myButton]) {
        [navBarBtns addObject:myButton];
        [self.navigationItem setRightBarButtonItems:navBarBtns animated:YES];
    }
}

Lorsque nécessaire, utilisez la fonction ci-dessous.

[self showBarButtonItem:self.rightBarBtn1];
[self hideBarButtonItem:self.rightBarBtn1];

Il suffit de définir barButton.customView = UIView()et de voir l'astuce

Il n'y a aucun moyen de "masquer" un UIBarButtonItem, vous devez le supprimer de la superView et l'ajouter à nouveau lorsque vous souhaitez l'afficher à nouveau.

C'est loin dans la liste des réponses, mais juste au cas où quelqu'un voudrait un copier-coller facile pour la solution rapide, le voici

func hideToolbarItem(button: UIBarButtonItem, withToolbar toolbar: UIToolbar) {
    var toolbarButtons: [UIBarButtonItem] = toolbar.items!
    toolbarButtons.removeAtIndex(toolbarButtons.indexOf(button)!)
    toolbar.setItems(toolbarButtons, animated: true)
}

func showToolbarItem(button: UIBarButtonItem, inToolbar toolbar: UIToolbar, atIndex index: Int) {
    var toolbarButtons: [UIBarButtonItem] = toolbar.items!
    if !toolbarButtons.contains(button) {
        toolbarButtons.insert(button, atIndex: index)
        toolbar.setItems(toolbarButtons, animated:true);
    }
}

Une façon de le faire est d'utiliser la initWithCustomView:(UIView *)propriété de lors de l'allocation du fichier UIBarButtonItem. La sous-classe pour UIViewaura la propriété hide / unhide.

Par exemple:

1. Ayez un fichier UIButtonque vous souhaitez masquer / afficher.

2. Créez la UIButtonvue personnalisée. Comme :

UIButton*myButton=[UIButton buttonWithType:UIButtonTypeRoundedRect];//your button

UIBarButtonItem*yourBarButton=[[UIBarButtonItem alloc] initWithCustomView:myButton];

3. Vous pouvez masquer / afficher le fichier que myButtonvous avez créé.[myButton setHidden:YES];

Pour la version Swift, voici le code:

Pour UINavigationBar:

self.navigationItem.rightBarButtonItem = nil

self.navigationItem.leftBarButtonItem = nil

Définir la couleur du texte sur une couleur claire lorsque l'élément de bouton de barre est désactivé est probablement une option plus propre. Il n'y a aucune bizarrerie que vous devez expliquer dans un commentaire. De plus, vous ne détruisez pas le bouton, vous conservez donc toutes les séquences de storyboard associées.

[self.navigationItem.rightBarButtonItem setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor clearColor]}
                                                      forState:UIControlStateDisabled];

Ensuite, lorsque vous voulez que l'élément du bouton de barre soit masqué, vous pouvez simplement faire:

self.navigationItem.rightBarButton.enabled = NO;

C'est boiteux, il n'y a pas de propriété cachée mais cela offre le même résultat.

Dans le cas où UIBarButtonItem a une image au lieu du texte, vous pouvez le faire pour le masquer: navigationBar.topItem.rightBarButtonItem.customView.alpha = 0.0;

Quelques méthodes d'assistance que je pensais partager en fonction de la réponse acceptée par lnafziger car j'ai plusieurs barres d'outils et plusieurs boutons dans chacune:

-(void) hideToolbarItem:(UIBarButtonItem*) button inToolbar:(UIToolbar*) toolbar{
    NSMutableArray *toolbarButtons = [toolbar.items mutableCopy];
    [toolbarButtons removeObject:button];
    [toolbar setItems:toolbarButtons animated:NO];
}

-(void) showToolbarItem:(UIBarButtonItem*) button inToolbar:(UIToolbar*) toolbar atIndex:(int) index{
    NSMutableArray *toolbarButtons = [toolbar.items mutableCopy];
    if (![toolbarButtons containsObject:button]){
        [toolbarButtons insertObject:button atIndex:index];
        [self setToolbarItems:toolbarButtons animated:YES];
    }
}

Vous pouvez facilement obtenir la vue et la masquer de cette façon

let view: UIView = barButtonItem.valueForKey("view") as! UIView
view.hidden = true

Si vous utilisez Swift 3

if (ShowCondition){
   self.navigationItem.rightBarButtonItem = self.addAsset_btn 
 } 
else {
   self.navigationItem.rightBarButtonItem = nil
 }

Voici une extension qui va gérer cela.

extension UIBarButtonItem {

    var isHidden: Bool {
        get {
            return tintColor == .clear
        }
        set {
            tintColor = newValue ? .clear : .white //or whatever color you want
            isEnabled = !newValue
            isAccessibilityElement = !newValue
        }
    }

}

USAGE:

myBarButtonItem.isHidden = true

En complément de la réponse d'Eli Burke, si vous avez UIBarButtonItemune image d'arrière-plan au lieu d'un titre, vous pouvez utiliser le code:

-(void)toggleLogoutButton:(bool)show{
    if (show) {
        self.tabButton.style = UIBarButtonItemStyleBordered;
        self.tabButton.enabled = true;
        UIImage* imageMap = [UIImage imageNamed:@"btn_img.png"];
        [((UIButton *)[self.tabButton customView]) setBackgroundImage:imageMap forState:UIControlStateNormal];
    } else {
        self.tabButton.style = UIBarButtonItemStylePlain;
        self.tabButton.enabled = false;
        [((UIButton *)[self.tabButton customView]) setBackgroundImage:nil forState:UIControlStateNormal];
    }
}

Vous devez manipuler le tableau toolbar.items.

Voici un code que j'utilise pour masquer et afficher un bouton Terminé. Si votre bouton est sur le bord extrême de la barre d'outils ou entre d'autres boutons, vos autres boutons se déplaceront, donc si vous voulez que votre bouton disparaisse, placez-le comme dernier bouton vers le centre. J'anime le déplacement du bouton pour l'effet, j'aime bien.

-(void)initLibraryToolbar {

    libraryToolbarDocumentManagementEnabled = [NSMutableArray   arrayWithCapacity:self.libraryToolbar.items.count];
    libraryToolbarDocumentManagementDisabled = [NSMutableArray arrayWithCapacity:self.libraryToolbar.items.count];
    [libraryToolbarDocumentManagementEnabled addObjectsFromArray:self.libraryToolbar.items];
    [libraryToolbarDocumentManagementDisabled addObjectsFromArray:self.libraryToolbar.items];
    trashCan = [libraryToolbarDocumentManagementDisabled objectAtIndex:3];
    mail = [libraryToolbarDocumentManagementDisabled objectAtIndex:5];
    [libraryToolbarDocumentManagementDisabled removeObjectAtIndex:1];
    trashCan.enabled = NO;
    mail.enabled = NO;
    [self.libraryToolbar setItems:libraryToolbarDocumentManagementDisabled animated:NO];

}

maintenant vous pouvez utiliser le code suivant pour afficher votre bouton

[self.libraryToolbar setItems:libraryToolbarDocumentManagementEnabled animated:YES];
trashCan.enabled = YES;
mail.enabled = YES; 

ou pour cacher votre bouton

[self.libraryToolbar setItems:libraryToolbarDocumentManagementDisabled animated:YES];
trashCan.enabled = NO;
mail.enabled = NO;

Dans IB, si vous laissez le titre du bouton vide, il n'apparaîtra pas (jamais initialisé?). Je le fais souvent pendant le développement pendant les mises à jour de l'interface utilisateur si je veux qu'un élément de bouton de barre disparaisse temporairement pour une génération sans le supprimer et mettre à la corbeille toutes ses références de sortie.

Cela n'a pas le même effet pendant l'exécution, si vous définissez le titre du bouton sur zéro, le bouton entier ne disparaîtra pas. Désolé ne répond pas vraiment à votre question, mais peut être utile à certains.

Edit: cette astuce ne fonctionne que si le style du bouton est défini sur plain

J'ajouterai ma solution ici car je ne la trouve pas encore mentionnée ici. J'ai un bouton dynamique dont l'image dépend de l'état d'un contrôle. La solution la plus simple pour moi était de régler l'image sur nilsi le contrôle n'était pas présent. L'image a été mise à jour à chaque mise à jour du contrôle et donc, c'était optimal pour moi. Juste pour être sûr que je l'ai également réglé enabledsur NO.

La définition de la largeur sur une valeur minimale n'a pas fonctionné sur iOS 7.

Avec crédit à @lnafziger, @MindSpiker, @vishal, et. Al,

La doublure la plus simple à laquelle je suis arrivé pour un seul bouton de barre droite (ou gauche) est:

self.navigationItem.rightBarButtonItem = <#StateExpression#>
    ? <#StrongPropertyButton#> : nil;

Un péché:

@interface MyClass()

@property (strong, nonatomic) IBOutlet UIBarButtonItem *<#StrongPropertyButton#>;

@end

@implementation

- (void) updateState
{
    self.navigationItem.rightBarButtonItem = <#StateExpression#>
        ? <#StrongPropertyButton#> : nil;
}

@end

J'ai testé cela et cela fonctionne pour moi (avec l'élément de bouton de barre robuste câblé via IB).