Панель навигации, цветовой тон и цвет текста заголовка в iOS 8

135

Фоновый текст в строке состояния по-прежнему черный. Как изменить цвет на белый?

// io8, swift, Xcode 6.0.1 
override func viewDidLoad() {
    super.viewDidLoad()
    self.navigationController?.navigationBar.barTintColor = UIColor.blackColor()
    self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.orangeColor()]

}

Изображение 68

  • 0
    Спасибо! Работает хорошо.
Теги:
uinavigationbar
ios8

14 ответов

244
Лучший ответ

В AppDelegate.swift, в application(_:didFinishLaunchingWithOptions:) я поставил следующее:

UINavigationBar.appearance().barTintColor = UIColor(red: 234.0/255.0, green: 46.0/255.0, blue: 73.0/255.0, alpha: 1.0)
UINavigationBar.appearance().tintColor = UIColor.white
UINavigationBar.appearance().titleTextAttributes = [NSAttributedStringKey.foregroundColor : UIColor.white]

Для titleTextAttributes документы говорят:

Вы можете указать шрифт, цвет текста, цвет тени текста и смещение тени текста для заголовка в словаре атрибутов текста

  • 5
    Что делать, если у нас есть несколько панелей навигации?
  • 6
    tintColor не работает для Xcode 7.3.1. Текст все еще черный.
Показать ещё 3 комментария
91

Мне нравится ответ Алекс. Если вам нужно что-то быстро испытать в ViewController, убедитесь, что вы используете

viewWillAppear()
override func viewWillAppear(animated: Bool) {
    super.viewWillAppear(animated)
    var nav = self.navigationController?.navigationBar
    nav?.barStyle = UIBarStyle.Black
    nav?.tintColor = UIColor.white
    nav?.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.orange]
}

Изображение 1845

  • 3
    Мой не работает, все еще показывает мне в черном цвете
  • 0
    Но я использую ISO 8.1
Показать ещё 6 комментариев
75

Чтобы изменить цвет повсеместно, этот код должен находиться в функции NavigationController viewDidLoad:

class NavigationController: UINavigationController, UIViewControllerTransitioningDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Status bar white font
        self.navigationBar.barStyle = UIBarStyle.Black
        self.navigationBar.tintColor = UIColor.whiteColor()
    }
}

Чтобы изменить его на ViewController, вам нужно будет ссылаться на NavigationController на ViewController и писать похожие строки в этой функции ViewController viewWillAppear.

  • 0
    Как переопределить NavigationController для использования этих методов?
  • 0
    Вы не переопределяете NavigationController, вы просто изменяете его в функции ViewDidLoad. Я обновил свой ответ выше.
Показать ещё 3 комментария
26

//В Swift 4

self.navigationController?.navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.white]
  • 2
    Я получаю: Тип «NSAttributedStringKey» (он же «NSString») не имеет члена «foregroundColor»
  • 0
    Пожалуйста, используйте код ниже для последней версии xcode 10 и swift 4.2 self.navigationController? .NavigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
16

Чтобы работать в objective-c, я должен поместить следующие строки в viewWillAppear в свой CustomViewController.

[self.navigationController.navigationBar setBarTintColor:[UIColor whiteColor]];
[self.navigationController.navigationBar setTranslucent:NO];

Для Swift2.x это работает:

self.navigationController?.navigationBar.barTintColor = UIColor.redColor()

Для Swift3.x это работает:

self.navigationController?.navigationBar.barTintColor = UIColor.red
  • 0
    Но когда я возвращаюсь к другому контроллеру вида, цвет также изменился. Любая идея о том, как это предотвратить. Я хочу, чтобы мой основной viewcontroller был одного цвета, а остальные - другим.
  • 1
    Я думаю, что вы также должны установить цвет в вашем новом контроллере вида.
10

Чтобы сделать эту работу в раскадровке (Инспектор Интерфейсного Разработчика)

С помощью IBDesignable мы можем добавить дополнительные параметры в Инспектор Интерфейсного IBDesignable для UINavigationController и настроить их на раскадровке. Сначала добавьте следующий код в ваш проект.

@IBDesignable extension UINavigationController {
    @IBInspectable var barTintColor: UIColor? {
        set {
            navigationBar.barTintColor = newValue
        }
        get {
            guard  let color = navigationBar.barTintColor else { return nil }
            return color
        }
    }

    @IBInspectable var tintColor: UIColor? {
        set {
            navigationBar.tintColor = newValue
        }
        get {
            guard  let color = navigationBar.tintColor else { return nil }
            return color
        }
    }

    @IBInspectable var titleColor: UIColor? {
        set {
            guard let color = newValue else { return }
            navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: color]
        }
        get {
            return navigationBar.titleTextAttributes?["NSForegroundColorAttributeName"] as? UIColor
        }
    }
}

Затем просто установите атрибуты для UINavigationController на раскадровке.

Изображение 1846

7

Если вы хотите установить цвет оттенка и цвет панели для всего приложения, следующий код можно добавить в AppDelegate.swift в

 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.

    var navigationBarAppearace = UINavigationBar.appearance()

    navigationBarAppearace.tintColor = UIColor(red:1.00, green:1.00, blue:1.00, alpha:1.0)
    navigationBarAppearace.barTintColor = UIColor(red:0.76, green:0.40, blue:0.40, alpha:1.0)
    navigationBarAppearace.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]
    return true
'

Навигация по барам TintColor и tintColor установлена

5

В Swift 4.1 и Xcode 9.4.1

self.navigationItem.title = "your name"
let textAttributes = [NSAttributedStringKey.foregroundColor:UIColor.white]
navigationController?.navigationBar.titleTextAttributes = textAttributes
  • 0
    Хотя этот фрагмент кода может решить вопрос, в том числе объяснение действительно помогает улучшить качество вашего сообщения. Помните, что вы отвечаете на вопрос читателей в будущем, и эти люди могут не знать причин, по которым вы предлагаете код.
5

Обновлено с Swift 4

override func viewDidLoad() {
    super.viewDidLoad()
        self.navigationController?.navigationBar.tintColor = UIColor.blue
        self.navigationController?.navigationBar.barStyle = UIBarStyle.black
}
3

Swift 4

override func viewDidLoad() {
    super.viewDidLoad()

    navigationController?.navigationBar.barTintColor = UIColor.orange
    navigationController?.navigationBar.tintColor = UIColor.white
    navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]
}
2

Swift 4.1

Добавьте функцию к viewDidLoad

override func viewDidLoad() {
  super.viewDidLoad()

  setup()
}   

В функцию setup() добавьте:

func setup() {

        navigationController?.navigationBar.prefersLargeTitles = true
        navigationController?.navigationBar.barStyle = .blackOpaque
        navigationItem.title = "YOUR_TITLE_HERE"
        navigationController?.navigationBar.barTintColor = .black
        let attributes = [NSAttributedStringKey.foregroundColor: UIColor.white]
        navigationController?.navigationBar.largeTitleTextAttributes = attributes
    }
1

В Swift 3 это работает:

navigationController?.navigationBar.barTintColor = UIColor.white
navigationController?.navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.blue]
1

Для пользовательского цвета для TitleText в NavigationBar, здесь простой и краткий код для Swift 3:

UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName : UIColor.white]

или же

navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName :UIColor.white]
0

в Swift 4.2

var nav = self.navigationController?.navigationBar
nav?.barStyle = UIBarStyle.Black
nav?.tintColor = UIColor.white
nav?.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.orange]

Ещё вопросы

Сообщество Overcoder
Наверх
Меню