如何给导航栏添加图片和按钮设计？

Question

我想在导航栏的设计中添加按钮和图片，但是无法成功添加图片。我在 viewDidLoad 中尝试了以下代码：

 let logo = UIImage(named: "logo.png")
    let imageView = UIImageView(image:logo)
    navigationController?.navigationBar.barTintColor = UIColor.green
    self.navigationItem.titleView = imageView

我尝试了代码，导航栏如下所示：作为我尝试的代码的结果，边缘有 space。我想将图片对齐到屏幕的右侧。我想将按钮对齐到屏幕的左侧。

我要的设计图如下：

我应该为此尝试什么代码？

Answer 1

你应该试试这个，希望它有用

let backButton: UIBarButtonItem = UIBarButtonItem(title: "Back", style: .plain, target: self, action: #selector(back))
        self.navigationItem.leftBarButtonItem = backButton
    
    let logo = UIImage(named: "google_logo.png")
    let imageView = UIImageView(image:logo)
    imageView.contentMode = .scaleAspectFit
    self.navigationItem.titleView = imageView

Answer 2

这是你想要的吗？虽然背景图片被拉伸了，因为我只是随机选择了一张图片，它没有正确的导航栏分辨率。

在iOS14，看起来是这样的。嗯，我也是google，因为这也是我第一次自定义导航栏的背景图。我通常使用纯色作为背景。

    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.backgroundColor = .white
        
        let img = UIImage(named: "Human")!
        navigationController?.navigationBar.setBackgroundImage(img.resizableImage(withCapInsets: UIEdgeInsets(top: 0, left: 0, bottom: 0 ,right: 0), resizingMode: .stretch), for: .default)

        let backImg = UIImage(named: "back")?.withRenderingMode(.alwaysOriginal)
        let leftButton = UIBarButtonItem(image: backImg, style: .plain, target: self, action: #selector(backTapped))
        navigationItem.leftBarButtonItem = leftButton
    }

如何给导航栏添加图片和按钮设计？

How to add image and button design to the navigation bar?

ios

swift

mobile-application