手动将NavigationBar切换到黑暗模式

时间:2020-01-21 18:25:24

标签: swift uinavigationbar ios-darkmode

在我的应用中,我有一个手动开关,可以在亮/暗模式之间切换,而我要完成的工作是使导航栏具有“暗模式”外观(白色文本/图标和黑色背景)被触发当我需要在明暗之间切换时。

我已经尝试了以下所有内容:

UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
UINavigationBar.appearance().tintColor=UIColor.white

self.navigationController?.navigationBar.barTintColor=UIColor.white
self.navigationController?.navigationBar.titleTextAttributes=[NSAttributedString.Key.foregroundColor:UIColor.white]

输入上面我尝试过的任何代码后,导航栏都不会改变。

完成此操作的正确方法是什么?

3 个答案:

答案 0 :(得分:0)

无法通过一条简单的线将条形更改为自己的局部暗模式。但是我们可以编写一个功能,执行与您想要的功能类似的功能。请注意,执行此操作的正确方法是在条形样式和颜色上添加开关,这些开关使用特征收集在不同的全局视觉模式之间进行更改。

extension UIViewController {

    enum NavigationBarStyle {
        case dark, light
    }

    func setNavigationBar(style: NavigationBarStyle) {

        guard let bar = view.subviews.first(where: { return $0 is UINavigationBar }) as? UINavigationBar else { return }

        func set(item: UINavigationItem, color: UIColor) {
            item.rightBarButtonItem?.tintColor = color
            item.leftBarButtonItem?.tintColor = color
        }

        bar.barStyle = style == .dark ? .black : default

        let color: UIColor = style == .dark ? .white : .black
        for item in bar.items ?? [] {
            bar.titleTextAttributes = [.foregroundColor: color]
            set(item: item, color: color)
        }

    }

}

您需要确保已将导航栏添加到控制器的子视图。我通过编程方式做了类似的事情,但是我想使用界面生成器是一样的。

let navbar = UINavigationBar(frame: CGRect(x: 0, y: 0, width: 375, height: 45))

navbar.backgroundColor = UIColor.white
navbar.delegate = self

let navItem = UINavigationItem()
navItem.title = "Title"
navItem.leftBarButtonItem = UIBarButtonItem(title: "Left", style: .plain, target: self, action: nil)
navItem.rightBarButtonItem = UIBarButtonItem(title: "Right", style: .plain, target: self, action: nil)

navbar.setItems([navItem], animated: true)

view.addSubview(navbar)

然后,最后,在执行一些操作或您喜欢的任何操作后设置样式。使用;

setNavigationBar(style: .dark)

答案 1 :(得分:0)

将我的头撞在墙上一段时间后,我终于解决了这个问题(这可能与您遇到的问题不同,但希望对您有所帮助)。 我的导航栏色调颜色设置为“白色”。要使导航栏颜色在启用暗模式时自动更改,需要将其设置为“默认”。 enter image description here

答案 2 :(得分:0)

这就是对我有用的东西:

override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

override func viewDidAppear(_ animated: Bool) {
    navigationController?.navigationBar.barStyle = .black
}