iOS 中帶有圖像和兩個標題的自定義導航欄

Question

我正在嘗試使用兩個標題和一個圖像來實現以下導航欄：

大標題變體：

小標題變體：

我嘗試UINavigationBar並向其添加子視圖，但它們根本沒有渲染。 我嘗試在 storyboard 中設置titleView ，但似乎 titleView 的高度受到限制。

實現此自定義導航欄的正確方法是什么？

我也試過這個（並將 Storyboard 中的 viewController 設置為該類）：

class NavViewController: UINavigationController {

    var titleView = UIView()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.navigationBar.topItem?.titleView?.backgroundColor = .gray
        titleView.frame = CGRect(x: 0, y: 0, width: 100, height: 300)
        self.navigationBar.topItem?.titleView = titleView
    }
}

Answer 1

在 xib 文件中單獨設計您的自定義視圖，然后將該 xib 設置為導航欄的標題視圖

self.navBar.topItem?.titleView = logoImage

對大標題執行此操作，對於較小的標題僅在 titleView 中填充圖像。

Answer 2

在viewDidLoad的ViewController中，添加self.navigationController?.navigationBar.addSubview(imageView) 。 （無需子類化）UINavigationbar 內甚至還支持 AutoLayout，這對於 animation 來說非常有用。