使用 StoryBoard 将 UIButton 用于导航栏

Question

Essentially I have a UIButton created in StoryBoards that I would like to drag into the navigation bar. This UIButton has an action associated with it when touched but all touch events stop working when I drag this UIButton into the navigation bar.

Is there additional code I need to the IBAction item when doing this?

One of the main reasons I want to add a UIButton instead of a BarButtonItem to the navigation bar is simply because it allows me to add a background color and curve the edges of the button.

Answer 1

I don't think you can do it in the storyboard. You have to do it in code, using the init(customView:) initialiser.

let myCustomButtonWithBackgroundsAndStuff = UIButton(type: .custom)
...

// this is the equivalent of connecting the IBAction, in code form, in case you didn't know
myCustomButtonWithBackgroundsAndStuff.addTarget(self, action: #selector(buttonAction), for: .touchUpInside)
let barButtonItem = UIBarButtonItem(customView: myCustomButton)
navigationItem.rightBarButtonItem = barButtonItem
// or append to rightBarButtonItems if you have other bar button items

...
@objc func buttonAction() {
    ...
}