Adding custom buttons to UITabBarController (adding button in the center)

Question

i'm trying to make a custom tab bar with some images i made and i'm having some trouble. I'm trying to add a button to the tab bar and it seems like i can't do it. I want to do something like this:

Then adding some animations to that button. How can i go about adding that button? Do i need to subclass UITabBarController? Thank you!

@rajeshkumarR this looks good, i figured out how to add the button to the view but it isnt nearly as good as this! Will this allow me to add a button aswell? I want the button to perform an action not necessarily just switch tabs/views — thelegendary3, Apr 06 '17 at 05:50

score 1 · Answer 1 · answered Apr 11 '18 at 12:19

In TabbarController class, add this code

override func viewDidLoad() {
    super.viewDidLoad()
    setupMiddleButton()

}




// MARK: - AddButton

func setupCenterButton() {
    let centerButton = UIButton(frame: CGRect(x: 0, y: 10, width: 45, height: 45))

    var centerButtonFrame = centerButton.frame
    centerButtonFrame.origin.y = (view.bounds.height - centerButtonFrame.height) - 2
    centerButtonFrame.origin.x = view.bounds.width/2 - centerButtonFrame.size.width/2
    centerButton.frame = centerButtonFrame

    centerButton.layer.cornerRadius = 35
    view.addSubview(centerButton)

    centerButton.setBackgroundImage(#imageLiteral(resourceName: "tabPost"), for: .normal)
    centerButton.addTarget(self, action: #selector(centerButtonAction(sender:)), for: .touchUpInside)

    view.layoutIfNeeded()
}

// MARK: - Center button Actions

@objc private func centerButtonAction(sender: UIButton) {
    selectedIndex = 2
}

It will work.. :)

Fails for iPhone X, XR, XS, XS Max – shubh14896 Jul 20 '19 at 18:44 — shubh14896, Jul 20 '19 at 18:44

score -1 · Answer 2 · answered Aug 17 '17 at 16:58

You should implement the delegate method of UITabBarControllerDelegate:

func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {


    if viewController == (self.tabBarController?.viewControllers?[theIndexOfTheButton])! {

      // do my stuffs here  
      return false

    }
    return true
}

Don't forget to set self.tabBarController?.delegate = self

Adding custom buttons to UITabBarController (adding button in the center)

2 Answers2