Make a UIBarButtonItem disappear using swift IOS

Question

I have an IBOutlet that I have linked to from the storyboard

@IBOutlet var creeLigueBouton: UIBarButtonItem!

and I want to make it disappear if a condition is true

if(condition == true)
{
    // Make it disappear
}

score 53 · Answer 1 · answered Oct 21 '15 at 03:59

53

Use the property enabled and tintColor

    let barButtonItem:UIBarButtonItem? = nil

    if isHidden{
        barButtonItem?.enabled      = false
        barButtonItem?.tintColor    = UIColor.clearColor()
    }else{
        barButtonItem?.enabled      = true
        barButtonItem?.tintColor    = nil
    }

answered Oct 21 '15 at 03:59

haiLong

1,116
10
11

Thanks, mate! Worked for me. – Felipe Apr 08 '16 at 09:44
1

Awesome! Works well – user3144836 Mar 28 '17 at 03:34

Imanou Petit · Accepted Answer · 2017-11-06T08:59:16.980

Do you really want to hide/show creeLigueBouton? It is instead much easier to enable/disable your UIBarButtonItems. You would do this with a few lines:

if(condition == true) {
    creeLigueBouton.enabled = false
} else {
    creeLigueBouton.enabled = true
}

This code can even be rewritten in a shorter way:

creeLigueBouton.enabled = !creeLigueBouton.enabled

Let's see it in a UIViewController subclass:

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var creeLigueBouton: UIBarButtonItem!

    @IBAction func hide(sender: AnyObject) {
        creeLigueBouton.enabled = !creeLigueBouton.enabled
    }

}

If you really want to show/hide creeLigueBouton, you can use the following code:

import UIKit

class ViewController: UIViewController {

    var condition: Bool = true
    var creeLigueBouton: UIBarButtonItem! //Don't create an IBOutlet

    @IBAction func hide(sender: AnyObject) {
        if(condition == true) {
            navigationItem.rightBarButtonItems = []
            condition = false
        } else {
            navigationItem.rightBarButtonItems = [creeLigueBouton]
            condition = true
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        creeLigueBouton = UIBarButtonItem(title: "Creer", style: UIBarButtonItemStyle.Plain, target: self, action: "creerButtonMethod")
        navigationItem.rightBarButtonItems = [creeLigueBouton]
    }

    func creerButtonMethod() {
        print("Bonjour")
    }

}

And for a disabled button is it possible to modify the text color? — Clément Bisaillon, Aug 26 '14 at 01:14
was looking for a long time, this is the perfect answer till now. — Max, Aug 09 '16 at 13:03

score 14 · Answer 3 · edited Nov 23 '17 at 07:12

14

// Nice answer haiLong, I think as an extension this is more convenient.

extension UIBarButtonItem {
    var isHidden: Bool {
        get {
            return !isEnabled && tintColor == .clear
        }
        set {
            tintColor = newValue ? .clear : nil
            isEnabled = !newValue
        }
    }
}

EDIT: Removed forced unwrapping and fixed enabled value.

edited Nov 23 '17 at 07:12

Elijah

8,381
2
55
49

answered Aug 03 '16 at 05:22

Marc

141
1
2

This is great but it doesn't work if your UIBarButtonItem contains a customView, if it does you can call hidden on that view directly. – Leon Dec 01 '16 at 10:57

Museer Ahamad Ansari · Answer 4 · 2019-03-19T16:08:10.663

13

For Swift 3

if (your_condition) {
  self.navigationItem.rightBarButtonItem = self.addAsset_btn
 }
else {
  // hide your button
  self.navigationItem.rightBarButtonItem = nil
 }

edited Mar 19 '19 at 16:08

answered Oct 25 '16 at 07:17

Museer Ahamad Ansari

5,414
3
39
45

He Yifei 何一非 · Answer 5 · 2016-12-09T13:56:12.953

6

First way:

Just set .title to ""

Second way:

Just call updateToolBar() whenever you want to show/hide the creeLigueBouton.

func updateToolBar() {
    var barItems: [UIBarButtonItem] = []

    if condition != true {
        // Make it appear
        barItems.append(creeLigueBouton)
    }

    barItems.append(anotherButton)

    myToolBar.setItems(barItems, animated: true)

    myToolBar.setNeedsLayout()
}

edited Dec 09 '16 at 13:56

answered Jul 07 '15 at 05:56

He Yifei 何一非

2,592
4
38
69

@JSA986 yeah... thats true – He Yifei 何一非 Sep 04 '15 at 09:51
1

(second way works even if the bar button item has no title) – He Yifei 何一非 May 21 '16 at 07:15
Second way doesn't work unless you create a strong outlet reference or instantiate your button programmatically – mradzinski Sep 28 '16 at 19:23

score 4 · Answer 6 · edited Jan 03 '18 at 17:49

The following solution works for me.

        var skipButton: UIButton = UIButton.buttonWithType(UIButtonType.Custom) as UIButton
    skipButton.frame = CGRectMake(10.0, 0.0, 58.0, 32.0);
    skipButton.setTitle("Skip", forState: UIControlState.Normal)
    skipButton.setTitleColor(UIColor(red: 0.0, green: 122.0/255.0, blue: 255.0/255.0, alpha: 1.0), forState: UIControlState.Normal)
    skipButton.addTarget(self, action: "rightButtonAction:", forControlEvents: UIControlEvents.TouchUpInside)
    var skipButtonItem = UIBarButtonItem(customView: skipButton)
    self.navigationItem.rightBarButtonItem = skipButtonItem;

    if hideSkipButton == true {
        self.navigationItem.rightBarButtonItem = nil
    }

score 3 · Answer 7 · answered Jul 18 '15 at 05:54

heres my solution:

hide:

self.creeLigueBouton.title = ""
self.creeLigueBouton.style = UIBarButtonItemStyle.Plain
self.creeLigueBouton.enabled = false

show:

self.creeLigueBouton.title = "Original Button Text"
self.creeLigueBouton.style = UIBarButtonItemStyle.Bordered
self.creeLigueBouton.enabled = true

score 3 · Answer 8 · answered Oct 25 '17 at 09:39

It is quite late to reply but looking for an answer for my problem I found this topic. The marked answer did not help me, but I managed to solve my problem thanks to @haiLong's answer. My solution works for all types of bar buttons... I think. Add this to your ViewController and use as needed.

var tintColorsOfBarButtons = [UIBarButtonItem: UIColor]()

    func hideUIBarButtonItem(button: UIBarButtonItem) {
        if button.tintColor != UIColor.clear {
            tintColorsOfBarButtons[button] = button.tintColor
            button.tintColor = UIColor.clear
            button.isEnabled = false
        }
    }

    func showUIBarButtonItem(button: UIBarButtonItem) {
        if tintColorsOfBarButtons[button] != nil {
            button.tintColor = tintColorsOfBarButtons[button]
        }
        button.isEnabled = true
    }

I hope it saves some time to other developers :)

score 2 · Answer 9 · answered Jul 26 '15 at 13:56

If you have set of UIBarButtonItems to hide, e.g. only show them on Landscape orientation, and hide or Portrait, you can use tag and Swift Array's filter. Let's assume we made @IBOutlet link to UIToolBar:

@IBOutlet weak var toolbar: UIToolbar!

First, we save toolbar's items in viewDidLoad:

override func viewDidLoad() {
  super.viewDidLoad()
  // Do any additional setup after loading the view, typically from a nib.
  toolbarItems = toolbar.items
}

Set the tag property of UIBarButtonItem you want to show on Landscape orientation to 1 or whatever you like. Then, override func traitCollectionDidChange

override func traitCollectionDidChange(previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)

    switch (traitCollection.horizontalSizeClass, traitCollection.verticalSizeClass) {
    case (.Compact, .Regular): // iPhone Portrait
      let items: [UIBarButtonItem]?
      if view.frame.width > 320 { // iPhone 6 & 6S
        items = toolbarItems?.filter({ $0.tag < 5 })
      } else { 
        items = toolbarItems?.filter({ $0.tag < 4 })
      }
      bottomToolbar.setItems(items, animated: true)
    case (_, .Compact): // iPhone Landscape
      let items = toolbarItems?.filter({ $0.tag < 6 })
      bottomToolbar.setItems(items, animated: true)
    default: // iPad
      break
    }
  }

In this example, I set all UIBarButtonItem's tag for iPad only to 6, iPhone Landscape to 5, and for iPhone 6 & 6+ to 4.

score 1 · Answer 10 · answered Sep 10 '15 at 14:43

1

I did it using this:

navigationItem.setHidesBackButton(true, animated: true)

answered Sep 10 '15 at 14:43

Nuno Gonçalves

6,202
7
46
66

Exactly what I was looking for, thanks for posting your solution – ICL1901 May 19 '20 at 20:12

score 1 · Answer 11 · answered Jun 06 '17 at 09:41

I have more that 2 menuitems and remove/add menuitem is an overhead. This code snippet worked for me (Using Swift3).

func showMenuItem(){

    menuItemQuit.customView?.isHidden = false
    menuItemQuit.plainView.isHidden = false
}

func hideMenuItem(){

    menuItemQuit.customView?.isHidden = true
    menuItemQuit.plainView.isHidden = true
}

score 0 · Answer 12 · edited Jan 03 '18 at 17:50

I had the same problem with a tool bar that I had to hide and show its last button. So I declared a var to hold the UIBarButtonItem and removed it from the bar or added depending on the situation like:

inside the class declared the var and linked the toolbar:

var buttonToHide : UIBarButtonItem?

@IBOutlet weak var toolbarOne: UIToolbar!

at the viewDidLoad :

buttonToHide = toolbarOne.items![toolbarOne.items!.count - 1] as? UIBarButtonItem

in my code I made the trick:

if situationOccurrsToHide {
   toolbarOne.items!.removeLast()
}

or

if situationOccursToShow 
{    
   toolbarOne.items!.append(buttonToHide!) 
}

You can use the removeAtIndex or insert(buttonToHide, atIndex: xx) to remove or reinsert the button at a specific position.

You must be careful not to insert or remove the button more than once.

Hope it helps.

score 0 · Answer 13 · answered Aug 21 '15 at 11:34

You can use text attributes to hide a bar button:

barButton.enabled = false
barButton.setTitleTextAttributes([NSForegroundColorAttributeName : UIColor.clearColor()], forState: .Normal)

Also I've made extension for UIBarButtonItem with a hidden property:

extension UIBarButtonItem {

    var titleTextAttributes: [NSObject : AnyObject]! {
        set {
            setTitleTextAttributes(newValue, forState: .Normal)
        }

        get {
            return titleTextAttributesForState(.Normal)
        }

    }

    private static var savedAttributesKey = "savedAttributes"

    var savedAttributes: [NSObject : AnyObject]? {
        set {
            objc_setAssociatedObject(self, &UIBarButtonItem.savedAttributesKey, newValue, UInt(OBJC_ASSOCIATION_RETAIN_NONATOMIC))
        }
        get {
            return objc_getAssociatedObject(self, &UIBarButtonItem.savedAttributesKey) as? [NSObject : AnyObject]
        }
    }

    var hidden: Bool {
        set {
            enabled = !newValue

            if newValue {
                savedAttributes = titleTextAttributes

                // Set a clear text color
                var attributes = titleTextAttributes
                attributes[NSForegroundColorAttributeName] = UIColor.clearColor()
                titleTextAttributes = attributes
            }
            else {
                titleTextAttributes = savedAttributes
            }
        }

        get {
            return enabled
        }
    }
}

score 0 · Answer 14 · answered Sep 03 '15 at 13:20

Try this. (Make newbackbutton global variable)

override func viewDidLoad() {

    let newBackButton = UIBarButtonItem()

     newBackButton.title = " << Return to Gallery"
    newBackButton.style  = UIBarButtonItemStyle.Done
    newBackButton.target = self
    newBackButton.action = "backtoScoutDetail:"
    self.navigationItem.rightBarButtonItem = newBackButton

}

override func viewWillAppear(animated: Bool) {

    newBackButton.title = ""
    self.navigationItem.rightBarButtonItem = newBackButton        

     }

score 0 · Answer 15 · answered Apr 05 '22 at 09:33

For Swift 5:

self.viewController?.navigationItem.setLeftBarButton(nil, animated: true)

If you user isPreparingForSegue, you can easily adapt that so the next modal won't show like an hide button but the "back" button. :)

segue.destination.navigationItem.setLeftBarButton(nil, animated: true)

harp · Answer 16 · 2022-11-18T16:54:12.573

To really remove the button and reclaim the space in the bar that it used you can do it this way:

fetch the array of left or right bar button items you want to alter
search for the index of your button and remove it
set the updated array to the navigationItem

This is only a quick example and does contain forced optional downcasts for simplicity - I encourage you to replace them with checks. I tested it in viewDidLoad() and it works for my purpose (removing items added in interface builder for some use cases).

var items = navigationItem.rightBarButtonItems
items!.remove(at: items!.firstIndex(of: myUIBarButton)!)
navigationItem.rightBarButtonItems = items

score -1 · Answer 17 · answered Jan 04 '16 at 09:16

Try these:

 self.navigationController?.navigationBar.backItem?.title = ""
        navigationItem.backBarButtonItem?.title = ""
        navigationItem.leftBarButtonItem?.title = ""
navigationItem.hidesBackButton = true


        navigationItem.setLeftBarButtonItem(nil, animated: true)
        navigationItem.setRightBarButtonItem(nil, animated: true)

Make a UIBarButtonItem disappear using swift IOS

17 Answers17

Linked