179

Le texte d'arrière-plan dans la barre d'état est toujours noir. Comment changer la couleur en blanc?

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

}

entrez la description de l'image ici

— AG1
source

314

Dans AppDelegate.swift, dans application(_:didFinishLaunchingWithOptions:)je mets ce qui suit:

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 = [NSAttributedString.Key.foregroundColor : UIColor.white]

(Pour Swift 4 ou version antérieure à la NSAttributedStringKeyplace de NSAttributedString.Key)

Car titleTextAttributes, les documents disent:

Vous pouvez spécifier la police, la couleur du texte, la couleur de l'ombre du texte et le décalage de l'ombre du texte pour le titre dans le dictionnaire des attributs de texte

— Albert Vila Calvo
source

7

et si nous avons plusieurs barres de navigation?

— sumit le

6

tintColor ne fonctionne pas pour Xcode 7.3.1. Le texte est toujours noir.

— triiiiista

1

Dans Xcode 8.2, le titleTextAttributes ne se complète pas automatiquement mais fonctionne.

— okysabeni

barTintColor est-il toujours nécessaire? la suppression de cette ligne fonctionne toujours

— rgkobashi

Ceci ajoute un attribut de texte. Ne change pas réellement la couleur du titre. Si vous notez la police du texte, vous pouvez comprendre la différence.

— Ram Madhavan

123

J'aime la réponse d'Alex. Si vous voulez quelque chose de rapide à essayer, ViewControllerassurez-vous d'utiliser

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]
    //nav?.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.orange] // swift 4.2
}

entrez la description de l'image ici

— AG1
source

Mais j'utilise iso 8.1

— Saorikido

1

pourquoi viewWillAppear ()? Je fais cela dans viewDidLoad et cela fonctionne très bien.

— Adam Johns

4

Parce que chaque fois que vous affichez l'UIView, vous souhaitez qu'il soit défini. Si vous définissez dans viewDidLoad (), disons dans une vue UITabBar, passez à un autre onglet où il est à nouveau défini, puis revenez, il sera écrasé car la vue d'origine n'a été chargée qu'une seule fois.

— FractalDoctor

2

Mise à jour pour Swift 4 - NSForegroundColorAttributeNamedevrait maintenant êtreNSAttributedStringKey.foregroundColor

— Alan Scarpa

3

Mise à jour pour Swift 4.2: NSAttributedString.Key.foregroundColorau lieu deNSForegroundColorAttributeName

— Stephane Paquet

81

Pour changer la couleur universellement, ce code doit rester dans la NavigationControllerde » viewDidLoadfonction:

class NavigationController: UINavigationController, UIViewControllerTransitioningDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()

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

Pour changer par ViewControllervous devez faire référence à la NavigationControllerdu ViewControlleret écrire des lignes similaires dans cette ViewControllerde viewWillAppearfonction.

— Alex
source

Comment remplacer le NavigationController pour utiliser ces méthodes?

— AG1

Vous ne remplacez pas le NavigationController, vous le modifiez simplement dans la fonction ViewDidLoad. J'ai mis à jour ma réponse ci-dessus.

— Alex

1

Un développeur doit donc simplement ajouter NavigationController.swift à l'espace de travail? Si c'est le cas, c'est bien!

— AG1

5

@ AG1 Ceci est incorrect, il ne suffit pas d'ajouter un nouveau fichier NavigationController.swift, vous devez connecter votre contrôleur de navigation dans le Storyboard à ce fichier dans l'Inspecteur d'identité car par défaut, il utilisera un UINavigationController générique.

— kakubei

2

Vous pouvez également simplement faire tout cela dans le storyboard sans avoir besoin de créer un contrôleur de navigation personnalisé. Les propriétés de Bar Tine et Style se trouvent juste à droite sous l'inspecteur d'attributs.

— Markymark

33

Swift 5

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

Swift 4

self.navigationController?.navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.white]

— Fleur
source

2

J'obtiens: Le type 'NSAttributedStringKey' (alias 'NSString') n'a pas de membre 'foregroundColor'

— Ahmadreza

Veuillez utiliser le code ci-dessous pour la dernière version xcode 10 et swift 4.2 self.navigationController? .NavigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]

— Bhavsang Jam

16

Pour travailler dans objective-c, je dois mettre les lignes suivantes viewWillAppeardans mon CustomViewController.

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

Pour Swift2.x, cela fonctionne:

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

Pour Swift3.x, cela fonctionne:

self.navigationController?.navigationBar.barTintColor = UIColor.red

— Niko Klausnitzer
source

Mais quand je retourne à un autre viewcontroller, la couleur a également changé. Toute idée sur la façon d'éviter cela. Je veux que mon contrôleur de vue principal soit d'une couleur et les autres d'une autre.

— user3163404

1

Je pense que vous devez également définir la couleur dans votre nouveau contrôleur de vue.

— Niko Klausnitzer

13

Pour faire ce travail dans le storyboard (Interface Builder Inspector)

Avec l'aide de IBDesignable, nous pouvons ajouter plus d'options à l'Interface Builder Inspector UINavigationControlleret les modifier sur le storyboard. Tout d'abord, ajoutez le code suivant à votre projet.

@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
        }
    }
}

Ensuite, définissez simplement les attributs pour UINavigationController sur le storyboard.

— Fangming
source

7

Si vous souhaitez définir la couleur de teinte et la couleur de la barre pour l'ensemble de l'application, le code suivant peut être ajouté à AppDelegate.swift dans

 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
`

Barre de navigationTintColor et tintColor sont définis

— VirajP
source

6

Mis à jour avec Swift 4

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

— Raj Joshi
source

6

Dans Swift5 et Xcode 10

self.navigationItem.title = "your name"
let textAttributes = [NSAttributedStringKey.foregroundColor:UIColor.white]
navigationController?.navigationBar.titleTextAttributes = textAttributes

— iOS
source

Bien que cet extrait de code puisse résoudre la question, inclure une explication contribue vraiment à améliorer la qualité de votre message. N'oubliez pas que vous répondez à la question aux lecteurs à l'avenir et que ces personnes pourraient ne pas connaître les raisons de votre suggestion de code.

— 31piy du

4

Version Swift 4.2 de la réponse d'Albert-

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 = [.foregroundColor : UIColor.white]

— Abhishek Jain
source

J'ai vraiment aimé la façon dont vous avez ajouté cette réponse. .barTintColor n'est pas une option maintenant. Voulez-vous dire .backgroundColor?

— Ben

4

Définition de la couleur du texte du titre de la barre de navigation sur blanc dans Swift version 4.2:

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

— Rawand Saeed
source

3

Swift 4

override func viewDidLoad() {
    super.viewDidLoad()

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

— Vladimir
source

3

Swift 4.1

Ajouter une fonction à viewDidLoad

override func viewDidLoad() {
  super.viewDidLoad()

  setup()
}

Dans la setup()fonction, ajoutez:

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
    }

— Patrick.Bellot
source

1

Pour une couleur personnalisée à TitleTextà NavigationBar, voici un code simple et court pour Swift 3:

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

ou

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

— ifredy3
source

1

dans Swift 4.2

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

— Imtee
source

1

Swift jusqu'à Swift 3.2 (pas Swift 4.0)

    self.navigationController?.navigationItem.largeTitleDisplayMode = .always
    self.navigationController?.navigationBar.prefersLargeTitles = true
    self.navigationController?.navigationBar.largeTitleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]

    // unconfirmed but I assume this works:
    self.navigationController?.navigationBar.barTintColor = UIColor.white
    self.navigationController?.navigationBar.barStyle = UIBarStyle.black

— bubbaspike
source

1

Swift 5.1

Copiez et collez uniquement ViewDidLoad()et modifiez sa taille et sa taille selon vos besoins. Avant de copier et coller, ajoutez la barre de navigation en haut de l'écran.

navigationController?.navigationBar.titleTextAttributes = [ NSAttributedString.Key.font: UIFont(name: "TitilliumWeb-Bold.ttf", size: 16.0)!, NSAttributedString.Key.foregroundColor: UIColor.white]

Si cela ne fonctionne pas, vous pouvez essayer de changer uniquement la couleur du texte

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

— Raksha.
source

0

Dans Swift 3, cela fonctionne:

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

— srinivasan
source

Barre de navigation, teinte et couleur du texte du titre dans iOS 8

Swift jusqu'à Swift 3.2 (pas Swift 4.0)