Swift自定义导航控制器类

Ale*_*lex 7 uinavigationbar uinavigationcontroller uinavigationitem ios swift3

读过的所有人,您好,谢谢。我正在使用Xcode 8.2.1和Swift 3.0为iOS设备编写Viber或WhatsApp之类的应用程序。我有一个问题:我希望我的应用程序有一个导航控制器,但不是一个简单的控制器,我希望它是自定义的。WhatsApp有一个印刷屏幕需要理解,我正在尝试实现以下目标:

WhatsApp与某人聊天的屏幕截图

如我们所见,该导航控制器具有3个按钮,即标签和带有头像的图像。我也想将颜色更改为绿色。由于这个原因,我创建了类:

import UIKit

class CustomNavigationController: UINavigationController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.navigationBar.barTintColor = UIColor.green


        let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 39, height: 39))
        imageView.contentMode = .scaleAspectFit
        let image = UIImage(named: "logo")
        imageView.image = image
        navigationItem.titleView = imageView


    }
}
Run Code Online (Sandbox Code Playgroud)

结果如下: 在此处输入图片说明 如您所见,它没有图片。我知道如果添加以下代码:

        let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 39, height: 39))
        imageView.contentMode = .scaleAspectFit
        let image = UIImage(named: "logo")
        imageView.image = image
        navigationItem.titleView = imageView
Run Code Online (Sandbox Code Playgroud)

到ViewController,将显示带有徽标的图像,但是我需要完整的类,该类将在某个地方连接(例如,在Interface Builder中),它将使按钮,图像等构成一个漂亮的导航控制器。此外,我可以使用另一个导航控制器,并将其连接到不同的屏幕,例如,在上面不需要图像,仅需要按钮。所以问题是:如何制作自定义的Navigation Controller类?

感谢您的帮助,我将非常高兴和感谢。

Ale*_*lex 7

现在,我知道了答案!它将为Swift 4.1.2编写。从继承的每个类UIViewController均具有属性self.navigationController?.navigationBarnavigationItem。您可以这样创建自己的类:

class CustomNavigationController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let color = UIColor(red: 81 / 255, green: 155 / 255, blue: 22 / 255, alpha: 1.0)
        self.navigationController?.navigationBar.barTintColor = color

        let image = UIImage(named: "logo")
        let imageView = UIImageView(image: image)
        imageView.contentMode = .scaleAspectFit
        navigationItem.titleView = imageView
    }

    private func imageView(imageName: String) -> UIImageView {
        let logo = UIImage(named: imageName)
        let logoImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 35, height: 35))
        logoImageView.contentMode = .scaleAspectFit
        logoImageView.image = logo
        logoImageView.widthAnchor.constraint(equalToConstant: 35).isActive = true
        logoImageView.heightAnchor.constraint(equalToConstant: 35).isActive = true
        return logoImageView
    }

    func barImageView(imageName: String) -> UIBarButtonItem {
        return UIBarButtonItem(customView: imageView(imageName: imageName))
    }

    func barButton(imageName: String, selector: Selector) -> UIBarButtonItem {
        let button = UIButton(type: .custom)
        button.setImage(UIImage(named: imageName), for: .normal)
        button.frame = CGRect(x: 0, y: 0, width: 35, height: 35)
        button.widthAnchor.constraint(equalToConstant: 35).isActive = true
        button.heightAnchor.constraint(equalToConstant: 35).isActive = true
        button.addTarget(self, action: selector, for: .touchUpInside)
        return UIBarButtonItem(customView: button)
    }

}
Run Code Online (Sandbox Code Playgroud)

现在,您可以从此类继承任何UIViewControllers,CustomNavigationController并根据需要添加任意数量的按钮,图标,更改颜色,徽标等(当然,在正常范围内)!像这样:

class ViewController: CustomNavigationController {

    override func viewDidLoad() {
        super.viewDidLoad()

        navigationItem.leftBarButtonItem = barImageView(imageName: "picture1")

        let firstImage = barImageView(imageName: "picture2")
        let secondButton = barButton(imageName: "picture3", selector: #selector(secondButtonPressed))

        navigationItem.rightBarButtonItems = [firstImage, secondButton]
    }

    @objc func secondButtonPressed() {
        print("Pressed")
    }

}
Run Code Online (Sandbox Code Playgroud)

这是我的解决方案,也许不是最好的,但是100%可行!谢谢!

  • 这里只说一句。我得出了同样的结论,这将是此类情况的最佳解决方案。但我会建议另一个更好的。使用这些方法扩展 UIViewController 本身。那更好更干净。 (2认同)