在编程中以编程方式向导航栏添加UIBarButtonItem？

Question

我已经寻找这个解决方案有一段时间了，但是还没有找到。例如一个解决方案是

 self.navigationItem.setRightBarButtonItem(UIBarButtonItem(barButtonSystemItem: .Stop, target: self, action: nil), animated: true)

这段代码将添加一个带有“停止”图像的按钮。就像这样，还有其他带有“搜索”，“刷新”等的解决方案。但是如果我想以编程方式添加我想要的图像按钮怎么办？

- Rahul Sonvane

Answer 1

设置自定义按钮图像而不设置按钮框架：

您可以使用init(image: UIImage?, style: UIBarButtonItemStyle, target: Any?, action: Selector?)方法，通过指定图像和其他属性来初始化一个新的项目。

let button1 = UIBarButtonItem(image: UIImage(named: "imagename"), style: .plain, target: self, action: Selector("action")) // action:#selector(Class.MethodName) for swift 3
self.navigationItem.rightBarButtonItem  = button1

查看这个苹果文档引用

---

使用按钮框架自定义按钮图像的UIBarButtonItem

适用于Swift 3.0

    let btn1 = UIButton(type: .custom)
    btn1.setImage(UIImage(named: "imagename"), for: .normal)
    btn1.frame = CGRect(x: 0, y: 0, width: 30, height: 30)
    btn1.addTarget(self, action: #selector(Class.Methodname), for: .touchUpInside)
    let item1 = UIBarButtonItem(customView: btn1)

    let btn2 = UIButton(type: .custom)
    btn2.setImage(UIImage(named: "imagename"), for: .normal)
    btn2.frame = CGRect(x: 0, y: 0, width: 30, height: 30)
    btn2.addTarget(self, action: #selector(Class.MethodName), for: .touchUpInside)
    let item2 = UIBarButtonItem(customView: btn2)  

    self.navigationItem.setRightBarButtonItems([item1,item2], animated: true)

---

针对 Swift 2.0 及更早版本

let btnName = UIButton()
btnName.setImage(UIImage(named: "imagename"), forState: .Normal)
btnName.frame = CGRectMake(0, 0, 30, 30)
btnName.addTarget(self, action: Selector("action"), forControlEvents: .TouchUpInside)

//.... Set Right/Left Bar Button item
let rightBarButton = UIBarButtonItem()
rightBarButton.customView = btnName
self.navigationItem.rightBarButtonItem = rightBarButton

或者简单地使用init(customView:)，如下所示

 let rightBarButton = UIBarButtonItem(customView: btnName)
 self.navigationItem.rightBarButtonItem = rightBarButton

对于系统的UIBarButtonItem：

let camera = UIBarButtonItem(barButtonSystemItem: .Camera, target: self, action: Selector("btnOpenCamera"))
self.navigationItem.rightBarButtonItem = camera

如果需要设置多个项，请使用rightBarButtonItems，对于左侧请使用leftBarButtonItems

---

let btn1 = UIButton()
btn1.setImage(UIImage(named: "img1"), forState: .Normal)
btn1.frame = CGRectMake(0, 0, 30, 30)
btn1.addTarget(self, action: Selector("action1:"), forControlEvents: .TouchUpInside)
let item1 = UIBarButtonItem()
item1.customView = btn1

let btn2 = UIButton()
btn2.setImage(UIImage(named: "img2"), forState: .Normal)
btn2.frame = CGRectMake(0, 0, 30, 30)
btn2.addTarget(self, action: Selector("action2:"), forControlEvents: .TouchUpInside)
let item2 = UIBarButtonItem()
item2.customView = btn2

self.navigationItem.rightBarButtonItems = [item1,item2]

使用 setLeftBarButtonItem 或 setRightBarButtonItem

let btn1 = UIButton()
btn1.setImage(UIImage(named: "img1"), forState: .Normal)
btn1.frame = CGRectMake(0, 0, 30, 30)
btn1.addTarget(self, action: Selector("action1:"), forControlEvents: .TouchUpInside)
self.navigationItem.setLeftBarButtonItem(UIBarButtonItem(customView: btn1), animated: true);

对于 swift >= 2.2，应该使用 #selector(Class.MethodName) 来指定动作... 比如：btnName.addTarget(self, action: #selector(Class.MethodName), forControlEvents: .TouchUpInside)。

- Bhavin Bhadani

---

很好的答案。只是想指出，Selector方法已经更新为let camera = UIBarButtonItem(barButtonSystemItem: .Camera, target: self, action: #selector(Class.MethodName))。 - CodeBender

我发现如果你想让你的按钮包括文本，你必须指定CGRect部分。有一些在SO上漂浮的例子没有指定这个。 - Micah Montoya

Answer 2

使用 Swift 4 或 Swift 4.2 更加简单。

在您的 ViewDidLoad 方法中，定义您的按钮并将其添加到导航栏中即可。

override func viewDidLoad() {
    super.viewDidLoad()

    let logoutBarButtonItem = UIBarButtonItem(title: "Logout", style: .done, target: self, action: #selector(logoutUser))
    self.navigationItem.rightBarButtonItem  = logoutBarButtonItem

}

那么您需要在action参数中定义您提到的函数，如下所示：

@objc func logoutUser(){
     print("clicked")
}

由于它仍在使用旧的东西（Objective C），所以您需要添加@objc前缀。

- Jay Mayu

Answer 3

只需使用自定义视图设置UIBarButtonItem

例如：

  var leftNavBarButton = UIBarButtonItem(customView:yourButton)
  self.navigationItem.leftBarButtonItem = leftNavBarButton

或者使用 setFunction:

  self.navigationItem.setLeftBarButtonItem(UIBarButtonItem(customView: yourButton), animated: true);

- Leo

---

我会点赞你的回答，因为你的代码也能够工作，但是Bhavin的代码是一种解决方案，所以我会接受他的回答。感谢你的贡献，伙计 :) - Rahul Sonvane

Answer 4

我刚刚偶然发现了这个问题，这是针对Swift 3和iOS 10的更新:

let testUIBarButtonItem = UIBarButtonItem(image: UIImage(named: "test.png"), style: .plain, target: self, action: nil)
self.navigationItem.rightBarButtonItem  = testUIBarButtonItem

使用这种方法创建UIBarButtonItem明显比先创建UIButton并设置所有属性，再将customView添加到UIBarButtonItem中要快得多。

如果您想将图像颜色从默认的蓝色更改为白色，则始终可以更改着色颜色：

test.tintColor = UIColor.white()

PS，你显然应该根据你的应用程序更改选择器等等 :)

- tech4242

Answer 5

在Swift 3.0+中，可以通过以下方式编程设置UIBarButtonItem：

   override func viewDidLoad() {
        super.viewDidLoad()
        let testUIBarButtonItem = UIBarButtonItem(image: UIImage(named: "test.png"), style: .plain, target: self, action: #selector(self.clickButton))
        self.navigationItem.rightBarButtonItem  = testUIBarButtonItem
    }

   @objc func clickButton(){
            print("button click")
     }

- Kushal Shrestha

Answer 6

适用于 Swift 5+

let searchBarButtonItem = UIBarButtonItem(image: UIImage(named: "searchIcon"), style: .plain, target: self, action: #selector(onSearchButtonClicked))
        self.navigationItem.rightBarButtonItem  = searchBarButtonItem

@objc func onSearchButtonClicked(_ sender: Any){
    print("SearchButtonClicked")
}

- Nitin Biltoria

Answer 7

使用原始图片设置LeftBarButton。

let menuButton = UIBarButtonItem(image: UIImage(named: "imagename").withRenderingMode(.alwaysOriginal), style: .plain, target: self, action: #selector(classname.functionname))
self.navigationItem.leftBarButtonItem  = menuButton

- Sudhi 9135

Answer 8

iOS 11

使用约束设置自定义按钮：

let buttonWidth = CGFloat(30)
let buttonHeight = CGFloat(30)

let button = UIButton(type: .custom)
button.setImage(UIImage(named: "img name"), for: .normal)
button.addTarget(self, action: #selector(buttonTapped(sender:)), for: .touchUpInside)
button.widthAnchor.constraint(equalToConstant: buttonWidth).isActive = true
button.heightAnchor.constraint(equalToConstant: buttonHeight).isActive = true

self.navigationItem.rightBarButtonItem = UIBarButtonItem.init(customView: button)

- Achyut Sagar

Answer 9

除了以上内容，您还可以在iOS14及以上版本中使用以下内容。

   if #available(iOS 14.0, *) {
        let closeAction = UIAction(handler: { [weak self] _ in
           //perform action here
        })
        let closeBarButtonItem = UIBarButtonItem(systemItem: .close, primaryAction: closeAction, menu: nil)
        navigationItem.rightBarButtonItem  = closeBarButtonItem
    }

- Amr Angry

Answer 10

我遇到了同样的问题，并在另一个主题中阅读了答案，然后用另一种类似的方法解决了。我不知道哪种方法更有效。 类似的问题

//play button

@IBAction func startIt(sender: AnyObject) {
    startThrough();
};

//play button

func startThrough() {
    timer = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: Selector("updateTime"), userInfo: nil, repeats: true);

    let pauseButton = UIBarButtonItem(barButtonSystemItem: .Pause, target: self, action: "pauseIt");
    self.toolBarIt.items?.removeLast();
    self.toolBarIt.items?.append( pauseButton );
}

func pauseIt() {
    timer.invalidate();

    let play = UIBarButtonItem(barButtonSystemItem: .Play, target: self, action: "startThrough");
    self.toolBarIt.items?.removeLast();
    self.toolBarIt.items?.append( play );
}

- thread-game