ios 在 Swift 3 中更改 UIBarButtonItem（图像）的大小

Change size of UIBarButtonItem (image) in Swift 3

提问by Sole

I am trying to change the size of some icons in my navBar, but I am a little confused as to how to do this? My code so far is:

我正在尝试更改导航栏中某些图标的大小，但我对如何执行此操作感到有些困惑？到目前为止我的代码是：

func setUpNavBarButtons() {
    let moreButton = UIBarButtonItem (image: UIImage(named:"ic_more_vert_3")?.withRenderingMode(.alwaysOriginal), style: .plain, target: self, action: #selector(handleMore))
    navigationItem.rightBarButtonItems = [moreButton]
    let refreshButton = UIBarButtonItem (image: UIImage(named:"ic_refresh")?.withRenderingMode(.alwaysOriginal), style: .plain, target: self, action: #selector(refreshDataButton))
    navigationItem.leftBarButtonItems = [refreshButton]
}

any help?

有什么帮助吗？

采纳答案by Sole

In the end I did it like this and it worked:

最后，我是这样做的，并且奏效了：

let moreButton = UIButton(frame: CGRect(x: 0, y: 0, width: 35, height: 35))
moreButton.setBackgroundImage(UIImage(named: "ic_more_vert_3"), for: .normal)
moreButton.addTarget(self, action: #selector(TableViewController.handleMore), for: .touchUpInside)
self.navigationItem.rightBarButtonItem = UIBarButtonItem(customView: moreButton)

Answer from: Change width of a UIBarButtonItem in a UINavigationBar in swift

答案来自：快速更改 UINavigationBar 中 UIBarButtonItem 的宽度

回答by anoop4real

This is how I did it

这就是我做到的

iOS 10 and below

iOS 10 及以下

func setUpMenuButton(){
    let menuBtn = UIButton(type: .custom)
    menuBtn.frame = CGRect(x: 0.0, y: 0.0, width: 20, height: 20)
    menuBtn.setImage(UIImage(named:"menuIcon"), for: .normal)
    menuBtn.addTarget(self, action: #selector(vc.onMenuButtonPressed(_:)), for: UIControlEvents.touchUpInside)

    let menuBarItem = UIBarButtonItem(customView: menuBtn)
    self.navigationItem.leftBarButtonItem = menuBarItem
}

iOS 11 - Navigation bar come up with Autolayout so frame setting may not work

iOS 11 - 导航栏提供自动布局，因此框架设置可能不起作用

func setUpMenuButton(){
    let menuBtn = UIButton(type: .custom)
    menuBtn.frame = CGRect(x: 0.0, y: 0.0, width: 20, height: 20)
    menuBtn.setImage(UIImage(named:"menuIcon"), for: .normal)
    menuBtn.addTarget(self, action: #selector(vc.onMenuButtonPressed(_:)), for: UIControlEvents.touchUpInside)

    let menuBarItem = UIBarButtonItem(customView: menuBtn)
    let currWidth = menuBarItem.customView?.widthAnchor.constraint(equalToConstant: 24)
    currWidth?.isActive = true
    let currHeight = menuBarItem.customView?.heightAnchor.constraint(equalToConstant: 24)
    currHeight?.isActive = true
    self.navigationItem.leftBarButtonItem = menuBarItem
}

回答by DogCoffee

Extension for Swift 4.2

Swift 4.2 的扩展

Just a different way of implementation the answer provided by anoop4real

只是一种不同的实现方式anoop4real提供的答案

However using button type .systemallows the global tint to be applied to your icon

但是使用按钮类型.system允许将全局色调应用于您的图标

Usage:

用法：

navigationItem.leftBarButtonItem = UIBarButtonItem.menuButton(self, action: #selector(presentSettings), imageName: "settings")

Implementation:

执行：

extension UIBarButtonItem {

    static func menuButton(_ target: Any?, action: Selector, imageName: String) -> UIBarButtonItem {
        let button = UIButton(type: .system)
        button.setImage(UIImage(named: imageName), for: .normal)
        button.addTarget(target, action: action, for: .touchUpInside)

        let menuBarItem = UIBarButtonItem(customView: button)
        menuBarItem.customView?.translatesAutoresizingMaskIntoConstraints = false
        menuBarItem.customView?.heightAnchor.constraint(equalToConstant: 24).isActive = true
        menuBarItem.customView?.widthAnchor.constraint(equalToConstant: 24).isActive = true

        return menuBarItem
    }
}

回答by jokeman

You can configure the frame of you button like below:

您可以配置按钮的框架，如下所示：

let icon = UIImage(named: "imageName")
let iconSize = CGRect(origin: CGPoint.zero, size: CGSize(width: 50, height: 50))
let iconButton = UIButton(frame: iconSize)
iconButton.setBackgroundImage(icon, for: .normal)
let barButton = UIBarButtonItem(customView: iconButton)
iconButton.addTarget(self, action: #selector(foo), for: .touchUpInside)

navigationItem.leftBarButtonItem = barButton

回答by valvoline

@DogCoffeeanswer is a great and creative way to solve the problem. May I suggest some slightly mods in order to take into account size and tintColor

@DogCoffee 的答案是解决问题的绝佳且富有创意的方法。我可以建议一些稍微修改一下以考虑尺寸和色调吗

extension UIBarButtonItem {

    static func menuButton(_ target: Any?,
                           action: Selector,
                           imageName: String,
                           size:CGSize = CGSize(width: 32, height: 32),
                           tintColor:UIColor?) -> UIBarButtonItem
    {
        let button = UIButton(type: .system)
        button.tintColor = tintColor
        button.setImage(UIImage(named: imageName), for: .normal)
        button.addTarget(target, action: action, for: .touchUpInside)

        let menuBarItem = UIBarButtonItem(customView: button)
        menuBarItem.customView?.translatesAutoresizingMaskIntoConstraints = false
        menuBarItem.customView?.heightAnchor.constraint(equalToConstant: size.height).isActive = true
        menuBarItem.customView?.widthAnchor.constraint(equalToConstant: size.width).isActive = true

        return menuBarItem
    }
}

回答by Georgi Boyadzhiev

You can configure the bar buttons using this function:

您可以使用此功能配置条形按钮：

public convenience init(customView: UIView)

And You can init the custom view as You desire. After that You can access the view if needed via UIBarButtonItem's:

您可以根据需要初始化自定义视图。之后，如果需要，您可以通过以下方式访问视图UIBarButtonItem：

open var customView: UIView?

Hint: Because UIButtonis a child class of UIView, You can directly use it too.

提示：因为UIButton是 的子类UIView，你也可以直接使用。