ios - 为什么自定义导航栏按钮图像会被拉伸(stretch)？

Question

我尝试添加带有自定义图像的导航栏按钮。然而，无论我使用什么方法，图像总是显得拉伸(stretch)。

方法一:

    let barbuttonitem = UIBarButtonItem(image: UIImage(named: "apps_small"), style: .plain, target: self, action: nil)
    navigationItem.leftBarButtonItem = barbuttonitem

看起来像这样:

方法二:

    let button = UIButton(type: .custom)
    button.setImage(UIImage(named: "apps_small"), for: .normal)
    button.addTarget(self, action: #selector(TeachingRootViewController.appsTouched), for: .touchUpInside)
    button.frame = CGRect(x: 0, y: 0, width: 10, height: 10)
    button.bounds = CGRect(x: 0, y: 0, width: 10, height: 10)
    navigationItem.leftBarButtonItem = UIBarButtonItem(customView: button)

看起来像这样:

方法三:

    let button = UIButton(type: .custom)
    button.setImage(UIImage(named: "apps_small"), for: .normal)
    button.setTitle("Button", for: .normal)
    button.frame = CGRect(x: 0, y: 0, width: 10, height: 10)
    button.bounds = CGRect(x: 0, y: 0, width: 10, height: 10)
    button.imageEdgeInsets = .init(top: 5, left: 5, bottom: 5, right: 300)
    navigationItem.leftBarButtonItem = UIBarButtonItem(customView: button)
    navigationItem.leftBarButtonItem?.imageInsets = .init(top: 5, left: 5, bottom: 5, right: 300)

看起来像这样:

如您所见，标题不见了。

在 UI 层次结构中，它看起来像这样:

看起来按钮已经占据了导航栏中的所有空间。

但是，带有系统项的按钮没有问题:

有谁知道这个问题的原因吗？我想我的想法已经用完了。

Answer 1

以上答案是一种解决方法，而不是正确的解决方法。正确答案是您应该生成尺寸正确的照片

• asset@1x: 22x22px
• asset@2x: 44x44px
• asset@3x: 66x66px