Swift BarButtonItem 中的 UIButton 图像尺寸变形

Question

我想在 navigationItem.leftBarButtonItem 中添加一个 UIButton。我希望 UIButton 为 24x24px 并缩小图像。但是按钮变形了...如果我将 UIImage 更改为较小的图像，一切都很好。 -> 看图片

除了 scaleAspectFit 我还能做什么？？

    let userProfilePic = UIButton()
    userProfilePic.frame = CGRect(x: 0, y: 0, width: 24, height: 24)
    userProfilePic.setImage(UIImage(named: "profile_icon.jpg"), for: .normal)
    userProfilePic.contentMode = .scaleAspectFit
    userProfilePic.clipsToBounds = true
    userProfilePic.layer.borderWidth = 0.5
    userProfilePic.layer.borderColor = UIColor.white.cgColor
    userProfilePic.layer.cornerRadius = (userProfilePic.frame.size.width) / 2
    userProfilePic.addTarget(self, action: #selector(goToSettings), for: UIControlEvents.touchUpInside)

    self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: userProfilePic)

谢谢！

Answer 1

试试这个代码

问题出现在 ios 11+ 上，UIBarButtonItem 在 ios 上使用自动布局 11+ 其他使用框架

     let userProfilePic = UIButton()
        userProfilePic.frame = CGRect(x: 0, y: 0, width: 24, height: 24)
        userProfilePic.setImage(UIImage(named: "profile_icon.jpg"), for: .normal)
        userProfilePic.contentMode = .scaleToFill
        userProfilePic.clipsToBounds = true
        userProfilePic.layer.borderWidth = 0.5
        userProfilePic.layer.borderColor = UIColor.white.cgColor
        userProfilePic.layer.cornerRadius = (userProfilePic.frame.size.width) / 2

      if #available(iOS 11, *) {
    userProfilePic.widthAnchor.constraint(equalToConstant: 24.0).isActive = true
    userProfilePic.heightAnchor.constraint(equalToConstant: 24.0).isActive = true
      }

      userProfilePic.addTarget(self, action: #selector(goToSettings), for: UIControlEvents.touchUpInside)
        self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: userProfilePic)

Swift BarButtonItem 中的 UIButton 图像尺寸变形

Swift UIButton Image size distorted in BarButtonItem

swift

uibutton

uiimage

uinavigationbar

uibarbuttonitem