如何在 Swift Xcode 中创建自定义导航栏？

Question

我正在为我的 iOS 毕业项目开发一个聊天应用程序。我设计了如下导航栏：

现在我正在尝试在我的 Xcode 项目中开发上述图形，但我不知道这是否是实现此目的的正确方法，并且不像图形那样得到它。

我正在使用一个 xib 文件，我使用它的一个实例将其加载到我的 ViewController.swift 中。不如将其添加为navigationItem 的titleView：

let helperView = HelperView()
navigationItem.titleView = helperView

这是上面代码sn-p的结果：

这个结果的问题是它与左栏按钮项目重叠，另一个我仍然没有弄清楚的问题是，如果消息气泡可以有动态高度，当它有多行时（最大值为3 行）。

有没有人在 Xcode 中使用过这种设计，这是正确的方法，还是有更好的方法来实现。也许是一个自定义 UINavigationController 类？

Answer 1

尝试创建您想要的整个导航视图，即宽度等于视图，然后尝试使用此代码添加它

    navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
    navigationController?.navigationBar.shadowImage = UIImage()
    navigationController?.navigationBar.backgroundColor = .clear

    navigationController?.view.insertSubview(subview, belowSubview: navigationController?.navigationBar)

它会让你的导航栏变得不可见，但仍然显示栏按钮

更新，来自 dimpiax

但最好覆盖您的 UINavigationController 类，并在 viewDidLoad 中设置视图

navigationBar.shadowImage = UIImage()
navigationBar.setBackgroundImage(UIImage(), for: .default)
navigationBar.backgroundColor = .clear

并依赖于 viewController 的视图 - 显示特定视图。

Answer 2

// --------------------------------------------------------
// MARK:- Navigation SetUp
// --------------------------------------------------------

private func _navigationBarSetUp(){
    
    ///# Navigatoin bar and title #///
    
    navigationController?.navigationBar.isHidden = false
    navigationItem.title = vEditScreenName
    navigationController?.navigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor : ColorTheme.white, NSAttributedString.Key.font: UIFont(descriptor: UIFontDescriptor(name: "Poppins-Regular", size: 20), size: 20)]
    self.view.backgroundColor = ColorTheme.vidBoomBrandPurple
    
    ///# Navigation bar back button #///
    
    let btnBack = UIButton(frame: CGRect(x: 0, y: 0, width: 25, height: 25))
    btnBack.setImage(UIImage(named: "icon_back_arrow"), for: .normal)
    btnBack.addTarget(self, action: #selector(_handlebtnBackTapped), for: .touchUpInside)
    navigationItem.leftBarButtonItem = UIBarButtonItem(customView: btnBack)
    
    ///# Navigation bar explore button #///
    
    let btnExport = UIButton(frame: CGRect(x: 0, y: 0, width: 80, height: 25))
    btnExport.setTitle("Export", for: .normal)
    btnExport.backgroundColor = .orange
    btnExport.layer.cornerRadius = 18
    btnExport.addTarget(self, action: #selector(_handleBtnExportTapped), for: .touchUpInside)
    navigationItem.rightBarButtonItem = UIBarButtonItem(customView: btnExport)
}


// --------------------------------------------------------
// MARK:- UIBarButtonItem Action
// --------------------------------------------------------

@objc fileprivate func _handlebtnBackTapped() {
    self.player.stop()
    navigationController?.popViewController(animated: true)
    navigationController?.navigationBar.isHidden = true
}

@objc func _handleBtnExportTapped(){
    self.player.stop()
    let svc = ShareVideoVC(nibName: "ShareVideoVC", bundle: nil)
    svc.videoString = videoString
    saveFile()
    self.navigationController?.pushViewController(svc, animated: true)
}