Question 130685 in Xcode Question posted in
Whether you're new to Xcode or an experienced developer, our archive has everything you need to know about this integrated development environment (IDE). From basic functionalities to advanced features, our archive covers a wide range of Xcode-related questions and answers. Browse our archive now and find solutions to your Xcode questions, and take your app development skills to the next level

Xcode – How can i manage both button of navigation bar when scrolling table with large navigation title?

enter image description herehere i can attached screenshots which i faced as an issue when scrolling at time i want to hide that more button or put that button into navigation bar as 2nd button but it’s override to 1st one.

i set button into did load by calling simply this function.

func setUpNavigationMoreButton() {
    let rightButton = UIButton()
    let btnFilterImage = #imageLiteral(resourceName: "DotsThreeOutline")
    rightButton.setImage(btnFilterImage, for: .normal)
    rightButton.setTitleColor(.purple, for: .normal)
    rightButton.addTarget(self, action: #selector(filterClick), for: .touchUpInside)
    navigationController?.navigationBar.addSubview(rightButton)
    rightButton.tag = 1
    rightButton.frame = CGRect(x: self.view.frame.width, y: 0, width: 30, height: 30)
    
    let targetView = self.navigationController?.navigationBar
    
    let trailingContraint = NSLayoutConstraint(item: rightButton, attribute:
            .trailingMargin, relatedBy: .equal, toItem: targetView,
                                               attribute: .trailingMargin, multiplier: 1.0, constant: -16)
    let bottomConstraint = NSLayoutConstraint(item: rightButton, attribute: .bottom, relatedBy: .equal,
                                              toItem: targetView, attribute: .bottom, multiplier: 1.0, constant: -6)
    rightButton.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([trailingContraint, bottomConstraint])
}
Tags:

2

Answers


  1. 0

    You have to use UIBarButtonItem instead of a UIButton.

    let btnFilterImage = #imageLiteral(resourceName: "DotsThreeOutline")
let rightButton = UIBarButtonItem(image: btnFilterImage, style: .plain, target: self, action: #selector(filterClick))
    
navigationController?.navigationItem.rightBarButtonItem = rightButton

    If you have multiple buttons

    let rightButton1 = UIBarButtonItem(image: image1, style: .plain, target: self, action: #selector(filterClick))

let rightButton2 = UIBarButtonItem(image: image2, style: .plain, target: self, action: #selector(filterClick))

navigationController?.navigationItem.rightBarButtonItems = [rightButton1, rightButton2]
    Login or Signup to reply.
  2. 0

    If you need to hide/unhide the more button when the Large title changes.

    class VController: UIViewController {

    let rightButton = UIButton()
    var observer: NSKeyValueObservation?

    override func viewDidLoad() {
        super.viewDidLoad()
        self.observer = self.navigationController?.navigationBar.observe(.bounds, options: [.new], changeHandler: { (navigationBar, changes) in
            if let height = changes.newValue?.height {
                if height > 44.0 {
                    //Large Title, unhide button
                    rightButton.isHidden = false
                } else {
                    //Small Title, hide button
                    rightButton.isHidden = true
                }
            }
        })
    }
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search