Ändern der Farbe der Navigationsleiste in Swift

Ich verwende eine Auswahlansicht, damit der Benutzer das Farbthema für die gesamte App auswählen kann.

Ich plane, die Farbe der Navigationsleiste, des Hintergrunds und möglicherweise der Registerkartenleiste zu ändern (falls dies möglich ist).

Ich habe nachgeforscht, wie das geht, kann aber keine Swift-Beispiele finden. Könnte mir bitte jemand ein Beispiel für den Code geben, den ich zum Ändern der Farbe der Navigationsleiste und der Textfarbe der Navigationsleiste verwenden müsste?

Die Auswahlansicht ist eingerichtet. Ich suche nur nach dem Code, um die Farben der Benutzeroberfläche zu ändern.

Navigationsleiste:

navigationController?.navigationBar.barTintColor = UIColor.green

Ersetzen Sie greenColor durch die gewünschte UIColor. Wenn Sie möchten, können Sie auch ein RGB verwenden.

Text der Navigationsleiste:

navigationController?.navigationBar.titleTextAttributes = [.foregroundColor: UIColor.orange]

Ersetzen Sie orangeColor durch eine beliebige Farbe.

Tab-Leiste:

tabBarController?.tabBar.barTintColor = UIColor.brown

Tab-Leiste Text:

tabBarController?.tabBar.tintColor = UIColor.yellow

Ersetzen Sie bei den letzten beiden Farben brownColor und yellowColor durch die Farbe Ihrer Wahl.

Hier sind einige sehr grundlegende Anpassungen des Erscheinungsbilds, die Sie app-weit anwenden können:

UINavigationBar.appearance().backgroundColor = UIColor.greenColor()
UIBarButtonItem.appearance().tintColor = UIColor.magentaColor()
//Since iOS 7.0 UITextAttributeTextColor was replaced by NSForegroundColorAttributeName
UINavigationBar.appearance().titleTextAttributes = [UITextAttributeTextColor: UIColor.blueColor()]
UITabBar.appearance().backgroundColor = UIColor.yellowColor();

Weitere Informationen zur UIAppearanceAPI in Swift finden Sie hier: https://developer.apple.com/documentation/uikit/uiappearance

Aktualisiert für Swift 3, 4, 4.2, 5+

// setup navBar.....
UINavigationBar.appearance().barTintColor = .black
UINavigationBar.appearance().tintColor = .white
UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]
UINavigationBar.appearance().isTranslucent = false

Swift 4

UINavigationBar.appearance().barTintColor = .black
UINavigationBar.appearance().tintColor = .white
UINavigationBar.appearance().titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.white]
UINavigationBar.appearance().isTranslucent = false

Swift 4.2, 5+

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

Überprüfen Sie auch hier: https://github.com/hasnine/iOSUtilitiesSource

UINavigationBar.appearance().barTintColor = UIColor(red: 46.0/255.0, green: 14.0/255.0, blue: 74.0/255.0, alpha: 1.0)
UINavigationBar.appearance().tintColor = UIColor.whiteColor()
UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName : UIColor.whiteColor()]

Fügen Sie diese Zeile einfach didFinishLaunchingWithOptionsin Ihren Code ein.

In AppDelegate hat dies das Format der NavBar global geändert und die untere Zeile / den Rand (der für die meisten Menschen ein Problembereich darstellt) entfernt, um Ihnen das zu geben, wonach Sie und andere meiner Meinung nach suchen:

 func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

    UINavigationBar.appearance().setBackgroundImage(UIImage(), forBarPosition: UIBarPosition.Any, barMetrics: UIBarMetrics.Default)
    UINavigationBar.appearance().shadowImage = UIImage()
    UINavigationBar.appearance().tintColor = UIColor.whiteColor()
    UINavigationBar.appearance().barTintColor = Style.SELECTED_COLOR
    UINavigationBar.appearance().translucent = false
    UINavigationBar.appearance().clipsToBounds = false
    UINavigationBar.appearance().backgroundColor = Style.SELECTED_COLOR
    UINavigationBar.appearance().titleTextAttributes = [NSFontAttributeName : (UIFont(name: "FONT NAME", size: 18))!, NSForegroundColorAttributeName: UIColor.whiteColor()] }

Dann können Sie eine Constants.swift einrichten Datei einrichten. Darin enthalten ist eine Style-Struktur mit Farben und Schriftarten usw. Anschließend können Sie jedem ViewController eine tableView / pickerView hinzufügen und das Array "availableThemes" verwenden, damit der Benutzer themeColor ändern kann.

Das Schöne daran ist, dass Sie für jede Farbe eine Referenz in Ihrer gesamten App verwenden können. Diese wird basierend auf dem vom Benutzer ausgewählten "Thema" aktualisiert. Ohne eine Referenz wird standardmäßig das Thema1 () verwendet:

import Foundation
import UIKit

struct Style {


static let availableThemes = ["Theme 1","Theme 2","Theme 3"]

static func loadTheme(){
    let defaults = NSUserDefaults.standardUserDefaults()
    if let name = defaults.stringForKey("Theme"){
        // Select the Theme
        if name == availableThemes[0]   { theme1()  }
        if name == availableThemes[1]   { theme2()  }
        if name == availableThemes[2]   { theme3()  }
    }else{
        defaults.setObject(availableThemes[0], forKey: "Theme")
        theme1()
    }
}

 // Colors specific to theme - can include multiple colours here for each one
static func theme1(){
   static var SELECTED_COLOR = UIColor(red:70/255, green: 38/255, blue: 92/255, alpha: 1) }

static func theme2(){
    static var SELECTED_COLOR = UIColor(red:255/255, green: 255/255, blue: 255/255, alpha: 1) }

static func theme3(){
    static var SELECTED_COLOR = UIColor(red:90/255, green: 50/255, blue: 120/255, alpha: 1) } ...

Dazu im Storyboard (Interface Builder Inspector)

Mithilfe von IBDesignablekönnen wir dem Interface Builder Inspector weitere Optionen hinzufügen UINavigationControllerund diese im Storyboard optimieren. Fügen Sie Ihrem Projekt zunächst den folgenden Code hinzu.

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

Stellen Sie dann einfach die Attribute für den Navigationscontroller im Storyboard ein.

Dieser Ansatz kann auch verwendet werden, um die Farbe des Navigationsleisten-Texts aus dem Storyboard zu verwalten:

@IBInspectable var barTextColor: UIColor? {
  set {
    guard let uiColor = newValue else {return}
    navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor: uiColor]
  }
  get {
    guard let textAttributes = navigationBar.titleTextAttributes else { return nil }
    return textAttributes[NSAttributedStringKey.foregroundColor] as? UIColor
  }
}

Swift 4:

Perfekt funktionierender Code zum Ändern des Erscheinungsbilds der Navigationsleiste auf Anwendungsebene.

// MARK: Navigation Bar Customisation

// To change background colour.
UINavigationBar.appearance().barTintColor = .init(red: 23.0/255, green: 197.0/255, blue: 157.0/255, alpha: 1.0)

// To change colour of tappable items.
UINavigationBar.appearance().tintColor = .white

// To apply textAttributes to title i.e. colour, font etc.
UINavigationBar.appearance().titleTextAttributes = [.foregroundColor : UIColor.white,
                                                    .font : UIFont.init(name: "AvenirNext-DemiBold", size: 22.0)!]
// To control navigation bar's translucency.
UINavigationBar.appearance().isTranslucent = false

Viel Spaß beim Codieren!

UINavigationBar.appearance().barTintColor

arbeitete für mich

SWIFT 4 - Reibungsloser Übergang (beste Lösung):

Wenn Sie von einem Navigationscontroller zurückkehren und auf dem Navigationscontroller, den Sie verwendet haben, eine andere Farbe einstellen müssen

override func willMove(toParentViewController parent: UIViewController?) {
    navigationController?.navigationBar.barTintColor = .white
    navigationController?.navigationBar.tintColor = Constants.AppColor
}

anstatt es in viewWillAppear zu platzieren, ist der Übergang sauberer.

SWIFT 4.2

override func willMove(toParent parent: UIViewController?) {
    navigationController?.navigationBar.barTintColor = UIColor.black
    navigationController?.navigationBar.tintColor = UIColor.black
}

In Swift 4

Sie können die Farbe der Navigationsleiste ändern. Verwenden Sie einfach das folgende Code-Snippet inviewDidLoad()

Farbe der Navigationsleiste

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

Textfarbe der Navigationsleiste

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

Für die Navigationsleiste mit großen Titeln für iOS 11 müssen Sie die largeTitleTextAttributesEigenschaft verwenden

self.navigationController?.navigationBar.largeTitleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.purple]

Die appearance()Funktion funktioniert bei mir nicht immer. Daher ziehe ich es vor, ein NC-Objekt zu erstellen und seine Attribute zu ändern.

var navBarColor = navigationController!.navigationBar
navBarColor.barTintColor =
    UIColor(red:  255/255.0, green: 0/255.0, blue: 0/255.0, alpha: 100.0/100.0)
navBarColor.titleTextAttributes =
    [NSForegroundColorAttributeName: UIColor.whiteColor()]

Auch wenn Sie ein Bild anstelle von nur Text hinzufügen möchten, funktioniert dies ebenfalls

var imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 70, height: 70))
imageView.contentMode = .ScaleAspectFit

var image = UIImage(named: "logo")
imageView.image = image
navigationItem.titleView = imageView

Verwenden Sie die Darstellungs-API und die Farbe barTintColor.

UINavigationBar.appearance().barTintColor = UIColor.greenColor()

iOS 8 (schnell)

let font: UIFont = UIFont(name: "fontName", size: 17)   
let color = UIColor.backColor()
self.navigationController?.navigationBar.topItem?.backBarButtonItem?.setTitleTextAttributes([NSFontAttributeName: font,NSForegroundColorAttributeName: color], forState: .Normal)

Wenn Sie den Navigationscontroller angepasst haben, können Sie den obigen Codeausschnitt verwenden. In meinem Fall habe ich also folgende Codeteile verwendet.

Swift 3.0, XCode 8.1-Version

navigationController.navigationBar.barTintColor = UIColor.green

Text der Navigationsleiste:

navigationController.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.orange]

Es sind sehr hilfreiche Gespräche.

Swift 4, iOS 12 und Xcode 10 Update

Setzen Sie einfach eine Zeile ein viewDidLoad()

navigationController?.navigationBar.barTintColor = UIColor.red

In Swift 2

Zum Ändern der Farbe in der Navigationsleiste,

navigationController?.navigationBar.barTintColor = UIColor.whiteColor()

Zum Ändern der Farbe in der Elementnavigationsleiste,

navigationController?.navigationBar.tintColor = UIColor.blueColor()

oder

navigationController!.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.blueColor()]

Swift 3

UINavigationBar.appearance().barTintColor = UIColor(colorLiteralRed: 51/255, green: 90/255, blue: 149/255, alpha: 1)

Dadurch wird die Farbe Ihrer Navigationsleiste wie die Farbe der Facebook-Leiste festgelegt :)

Swift 3 und Swift 4 kompatibler Xcode 9

Eine bessere Lösung, um eine Klasse für allgemeine Navigationsleisten zu erstellen

Ich habe 5 Controller und jeder Controller-Titel wird in orange Farbe geändert. Da jeder Controller 5 Navigations-Controller hat, musste ich jede einzelne Farbe entweder vom Inspektor oder vom Code ändern.

Also habe ich eine Klasse erstellt, anstatt jede Navigationsleiste von Code zu ändern. Ich habe diese Klasse einfach zugewiesen und sie hat bei allen 5 Controller-Code-Wiederverwendungsfunktionen funktioniert. Sie müssen diese Klasse nur jedem Controller zuweisen und das wars.

import UIKit

   class NabigationBar: UINavigationBar {
      required init?(coder aDecoder: NSCoder) {
       super.init(coder: aDecoder)
    commonFeatures()
 }

   func commonFeatures() {

    self.backgroundColor = UIColor.white;
      UINavigationBar.appearance().titleTextAttributes =     [NSAttributedStringKey.foregroundColor:ColorConstants.orangeTextColor]

 }


  }

iOS 10 Swift 3.0

Wenn es Ihnen nichts ausmacht, schnelle Frameworks zu verwenden, ändern Sie mit UINeraida den Navigationshintergrund als UIColoroder HexColoroder UIImageund ändern Sie den Text der Navigationstaste programmgesteuert. Ändern Sie die Farbe des vollständigen Vordergrundtextes.

Zum UINavigationBar

    neraida.navigation.background.color.hexColor("54ad00", isTranslucent: false, viewController: self)
    
    //Change navigation title, backbutton colour
    
    neraida.navigation.foreground.color.uiColor(UIColor.white, viewController: self)
    
    //Change navigation back button title programmatically
    
    neraida.navigation.foreground.backButtonTitle("Custom Title", ViewController: self)
    
    //Apply Background Image to the UINavigationBar
    
    neraida.navigation.background.image("background", edge: (0,0,0,0), barMetrics: .default, isTranslucent: false, viewController: self)

Swift 3

Einfacher Einzeiler, den Sie verwenden können ViewDidLoad()

//Change Color
    self.navigationController?.navigationBar.barTintColor = UIColor.red
//Change Text Color
    self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]

Diese Version entfernt auch die 1px-Schattenlinie unter der Navigationsleiste:

Swift 5: Fügen Sie dies in Ihre AppDelegate didFinishLaunchingWithOptions ein

UINavigationBar.appearance().barTintColor = UIColor.black
UINavigationBar.appearance().tintColor = UIColor.white
UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
UINavigationBar.appearance().isTranslucent = false
UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .any, barMetrics: .default)
UINavigationBar.appearance().shadowImage = UIImage()

ich musste es tun

UINavigationBar.appearance().tintColor = UIColor.whiteColor()
UINavigationBar.appearance().barStyle = .Black
UINavigationBar.appearance().backgroundColor = UIColor.blueColor()

Andernfalls würde sich die Hintergrundfarbe nicht ändern

Setzen Sie zuerst die isTranslucent-Eigenschaft von navigationBar auf false, um die gewünschte Farbe zu erhalten. Ändern Sie dann die Farbe der Navigationsleiste wie folgt:

@IBOutlet var NavigationBar: UINavigationBar!

NavigationBar.isTranslucent = false
NavigationBar.barTintColor = UIColor (red: 117/255, green: 23/255, blue: 49/255, alpha: 1.0)

Stellen Sie sicher, dass der Schaltflächenstatus auf .normal eingestellt ist

extension UINavigationBar {

    func makeContent(color: UIColor) {
        let attributes: [NSAttributedString.Key: Any]? = [.foregroundColor: color]

        self.titleTextAttributes = attributes
        self.topItem?.leftBarButtonItem?.setTitleTextAttributes(attributes, for: .normal)
        self.topItem?.rightBarButtonItem?.setTitleTextAttributes(attributes, for: .normal)
    }
}

PS iOS 12, Xcode 10.1

Rufen Sie einfach diese Erweiterung auf und übergeben Sie die Farbe, die automatisch die Farbe der Navigationsleiste ändert

extension UINavigationController {

     func setNavigationBarColor(color : UIColor){
            self.navigationBar.barTintColor = color
        }
    }

In der Ansicht Didload oder in der Ansicht wird Aufruf angezeigt

self.navigationController? .setNavigationBarColor (Farbe: <# T ## UIColor #>)

Versuchen Sie dies in AppDelegate:

//MARK:- ~~~~~~~~~~setupApplicationUIAppearance Method
func setupApplicationUIAppearance() {

    UIApplication.shared.statusBarView?.backgroundColor = UIColor.clear

    var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }

    UINavigationBar.appearance().tintColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 1)
    UINavigationBar.appearance().barTintColor =  UIColor.white
    UINavigationBar.appearance().isTranslucent = false

    let attributes: [NSAttributedString.Key: AnyObject]

    if DeviceType.IS_IPAD{
        attributes = [
            NSAttributedString.Key.foregroundColor: UIColor.white,
            NSAttributedString.Key.font: UIFont(name: "HelveticaNeue", size: 30)
            ] as [NSAttributedString.Key : AnyObject]
    }else{
        attributes = [
            NSAttributedString.Key.foregroundColor: UIColor.white
        ]
    }
    UINavigationBar.appearance().titleTextAttributes = attributes
}

iOS 13

func setupNavigationBar() {
    //        if #available(iOS 13, *) {
    //            let window = UIApplication.shared.windows.filter {$0.isKeyWindow}.first
    //            let statusBar = UIView(frame: window?.windowScene?.statusBarManager?.statusBarFrame ?? CGRect.zero)
    //            statusBar.backgroundColor = #colorLiteral(red: 0.2784313725, green: 0.4549019608, blue: 0.5921568627, alpha: 1) //UIColor.init(hexString: "#002856")
    //            //statusBar.tintColor = UIColor.init(hexString: "#002856")
    //            window?.addSubview(statusBar)
    //            UINavigationBar.appearance().tintColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 1)
    //            UINavigationBar.appearance().barTintColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 1)
    //            UINavigationBar.appearance().isTranslucent = false
    //            UINavigationBar.appearance().backgroundColor = #colorLiteral(red: 0.2784313725, green: 0.4549019608, blue: 0.5921568627, alpha: 1)
    //            UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor : UIColor.white]
    //        }
    //        else
    //        {
    UIApplication.shared.statusBarView?.backgroundColor = #colorLiteral(red: 0.2784313725, green: 0.4549019608, blue: 0.5921568627, alpha: 1)
    UINavigationBar.appearance().tintColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 1)
    UINavigationBar.appearance().barTintColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 1)
    UINavigationBar.appearance().isTranslucent = false
    UINavigationBar.appearance().backgroundColor = #colorLiteral(red: 0.2784313725, green: 0.4549019608, blue: 0.5921568627, alpha: 1)
    UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor : UIColor.white]
    //        }
}

Erweiterungen

extension UIApplication {

var statusBarView: UIView? {
    if responds(to: Selector(("statusBar"))) {
        return value(forKey: "statusBar") as? UIView
    }
    return nil
}}

Ich schreibe dies für diejenigen, die immer noch Probleme mit den Lösungen hier haben.

Ich verwende Xcode Version 11.4 (11E146). Derjenige, der für mich arbeitet, ist:

navigationController?.navigationBar.barTintColor = UIColor.white
navigationController?.navigationBar.tintColor = UIColor.black

ABER!, Wenn Sie die barTintColor im Storyboard auf einen anderen Wert als "Standard" setzen, haben diese 2 Codezeilen keine Auswirkung.

Seien Sie also vorsichtig und setzen Sie im Storyboard die Standardeinstellung barTintColor zurück. Oh Apple ...

Fügen Sie diese Zeilen zu Ihrem AppDelegate in der Funktion didFinishLaunchingWithOptions hinzu:

Diese Zeile dient zum Hintergrund Ihrer Navigationsleiste.

UINavigationBar.appearance().barTintColor = .orange

Diese Zeile ist, wenn Ihr nicht durchscheinend zu falsch ist, zeigt sie weiße Farbe in der Navigation.

UINavigationBar.appearance().tintColor = .white

Diese Zeile ist für Ihre Texte und Symbole in der Navigationsleiste

UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor: Styles.textFirstColor]

Diese Zeile bringt uns dazu, alles auf Ihre Navigationsleiste zu bringen.

UINavigationBar.appearance().isTranslucent = false