Ändern Sie die navigation bar unten Rahmenfarbe Swift

Funktioniert es mit 

import UIKit

class ViewController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()
    //Do any additional setup after loading the view, typically from a nib.

    self.navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: .Default)
    self.navigationController?.navigationBar.shadowImage = UIColor.redColor().as1ptImage()


}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    //Dispose of any resources that can be recreated.
}


}

extension UIColor {
    func as1ptImage() -> UIImage {
        UIGraphicsBeginImageContext(CGSizeMake(1, 1))
        let ctx = UIGraphicsGetCurrentContext()
        self.setFill()
        CGContextFillRect(ctx, CGRect(x: 0, y: 0, width: 1, height: 1))
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }
}

Aber wenn ich einen UITableView es erscheint nicht auf ihn, und wenn ich einen UISearchView es erscheint, aber entfernt die Navigationsleiste.

Weiß jemand, wie man dieses Problem lösen?

InformationsquelleAutor TheoF | 2016-07-13
  1. 32

    Stellen Sie die shadowImage Eigenschaft der Navigationsleiste.

    Versuchen, diese ein. Ich erstellte eine Kategorie UIColor als Helfer, aber Sie können umgestalten die Art und Weise, die Sie bevorzugen.

    extension UIColor {
    func as1ptImage() -> UIImage {
        UIGraphicsBeginImageContext(CGSizeMake(1, 1))
        let ctx = UIGraphicsGetCurrentContext()
        self.setFill()
        CGContextFillRect(ctx, CGRect(x: 0, y: 0, width: 1, height: 1))
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }
}

    Option 1: auf einer einzigen Navigations-bar

    Und dann in Ihrer view-controller (änderung der UIColor, was Sie wollen):

    //We can use a 1px image with the color we want for the shadow image
self.navigationController?.navigationBar.shadowImage = UIColor.redColor().as1ptImage()

//We need to replace the navigation bar's background image as well 
//in order to make the shadowImage appear. We use the same 1px color tecnique
self.navigationController?.navigationBar.setBackgroundImage(UIColor.yellowColor‌​().as1ptImage(), forBarMetrics: .Default)

    Option 2: Verwendung der Auftritt-proxy, auf alle Navigationsleisten

    Statt der Einstellung von hintergrund-Bild-und-Schatten-Bild auf jede Navigationsleiste ist es möglich, auf die Sie sich verlassen UIAppearance proxy. Sie könnten versuchen, fügen Sie diese Zeilen in Ihre AppDelegate, anstatt der vorherigen in die Kommentarzeichen vor der viewDidLoad.

    //We can use a 1px image with the color we want for the shadow image
UINavigationBar.appearance().shadowImage = UIColor.redColor().as1ptImage()

//We need to replace the navigation bar's background image as well 
//in order to make the shadowImage appear. We use the same 1px color technique
UINavigationBar.appearance().setBackgroundImage(UIColor.yellowColor().as1ptImage(), forBarMetrics: .Default)
    • Danke, wo setze ich die Erweiterung UIColor?
    • Wo auch immer Sie bevorzugen. Wenn Sie andere UIColor Erweiterungen, könnten Sie Sie zusammen, oder Sie können eine neue Datei erstellen, die nur für diese Erweiterung, oder Sie stellen die Erweiterung privater und verwenden Sie es neben der UIViewController-Klasse.
    • Ich wurde gefragt, denn es zeigt die Fehlermeldung "Erklärung ist nur gültig bei file scope".
    • ja, man kann nicht inside in Ihrer Klasse. Hat es funktioniert?
    • Ich bin versuchen, um es auf einen UITableView und es funktioniert nicht. Ich bin auch versucht, fügen Sie es auf einen searchview, es funktioniert, aber entfernt die Farbe der navigationbar. Irgendeine Idee wie man dieses Problem beheben?
    • Können Sie einige code? Ich weiß nicht, was du meinst mit versuchen, hinzufügen, um eine Tabelle anzuzeigen oder zu suchen.. das sollte auf jedem view-controller schob Sie auf die navigation stack des navigation-controller
    • Ich benutzt den code, den Sie zur Verfügung gestellt oben auf meiner ViewController und es funktionierte, aber dann ich habe einen UITableView und ein UISearchView Sie das storyboard, und es hat nicht erscheinen. Ich versuchte, fügen Sie die letzten zwei Zeilen auf Klassen, die ich für Sie erstellt, die arbeitete für die UISearchView machte aber die navigationbar verschwinden, aber nicht für den UITableView.
    • Ich verstehe nicht, wenn Sie hinzufügen, die das table view / Ansicht Suche, wie Untersichten auf den view-controller, in dem Sie implementiert die Linien-oder wenn Sie etwas anderes zu tun
    • Ja, beide sind Unteransichten der UIViewController, dass ich für den vorherigen code.
    • So haben Sie eine UIViewController-Unterklasse (sagen wir mal MyViewController), und Sie fügte hinzu, dass die Linien der viewDidLoad Methode, und alle arbeiteten. Dann haben Sie Hinzugefügt, tableview und eine Suche Ansicht, die view-controller über das storyboard, nicht ändern-code und es aufgehört zu arbeiten?
    • Nein, es hielt an meinem UIViewController, arbeitete auf der Suche nach anzeigen, aber entfernt die Navigationsleiste Farbe und Titel und es erscheinen nicht auf der tableview.
    • über die fehlende navigation bar Farbe, es könnte sein, seit wir ersetzen das Hintergrundbild, also vielleicht wird es transparent. Sollten Sie diese stattdessen zu verwenden: self.navigationController?.navigationBar.setBackgroundImage(UIColor.yellowColor().as1ptImage(), forBarMetrics: .Default) mit der Farbe, die Sie wollen. Wie auch immer, ich verstehe immer noch nicht, mit "nicht auf den tableview". Es erscheint in der Navigationsleiste, nicht auf eine bestimmte Ansicht. Ich sollte wirklich sehen, den code, oder ein paar screenshots.
    • Diese Linie zeigte eine Meldung Fehler "UIColor hat kein Mitglied blackColor", aber es ist merkwürdig, dass es entfernt die serchview Navigationsleiste und nicht die UIView ' s ein... ich kann senden Ihnen den code, aber es ist die gleiche, die Sie mir geschickt haben.
    • Haben Sie geschrieben UIColor.blackColor.as1ptImage() oder UIColor.blackColor().as1ptImage()? Der Letzte ist der richtige. Ich weiß, dass die code-Zeilen sind die gleichen, aber ich glaube, Sie sind mit Ihnen an der falschen Stelle, das ist, warum ich fragte nach dem code. Suche anzeigen keine Navigationsleiste. Ich denke, Sie verkennen die Nutzung der navigation-controller.
    • Ok, wo soll ich senden Ihnen den code?
    • können Sie aktualisieren Sie die original-Beitrag und fügen Sie es? ansonsten gib mir einfach einen link wo ich es runterladen kann
    • Dies nicht helfen, ich sollte das ganze Bild zu sehen. Wie auch immer, hier ist ein link zu einem Spielzeug-Projekt, wo alles funktioniert, es gibt ein view-controller mit einem tableview und eine Suchleiste, ich kann nicht helfen, Sie besser. dl.dropboxusercontent.com/u/8211801/test.zip
    • Mein Fehler, ich habe einen UIViewController, ein UISearchView und ein UITableView... Das ist 3 verschiedenen Bildschirmen, kann ich verstehen, warum es war nicht klar, jetzt... Sprache, die Fehler, aus meinen Teil.
    • Ja, ich war imaging, wird aber noch nicht sinnvoll, da Sie nicht drücken Sie eine UITableView, die in einem navigation-controller, ohne Verpackung in einem UIViewController (oder direkt mit einem UITableViewController subclass).
    • Kann ich senden Sie die zip -, wie Sie, so haben Sie den gesamten code?
    • sicher, es irgendwo hochladen und mir den link
    • ok, ich habe gesehen, Ihr code. Das Hauptproblem ist, dass die "Charts" view controller im storyboard definiert ist als ein UITableViewController, aber Sie Erben von einem einfachen UIViewController in Ihrem code, so funktioniert es nicht. Anyway, das beste ist, zu verwenden, die direkt die UIAppearance proxy. Ich aktualisiert meine Antwort hinzufügen, dass diese andere option, so können Sie es verwenden, anstelle der alten.

    InformationsquelleAutor Alessandro Orrù
  2. 16

    Wunderbare Beiträge von @Leitermontage.quartz, @Alessandro und @Pavel.

    Hier ist was ich getan habe, für...

    Swift 4

    extension UIColor {

    ///Converts this `UIColor` instance to a 1x1 `UIImage` instance and returns it.
    ///
    ///- Returns: `self` as a 1x1 `UIImage`.
    func as1ptImage() -> UIImage {
        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))
        setFill()
        UIGraphicsGetCurrentContext()?.fill(CGRect(x: 0, y: 0, width: 1, height: 1))
        let image = UIGraphicsGetImageFromCurrentImageContext() ?? UIImage()
        UIGraphicsEndImageContext()
        return image
    }
}

    Verwendung in viewDidLoad():

    /* In this example, I have a ViewController embedded in a NavigationController in IB. */

//Remove the background color.
navigationController?.navigationBar.setBackgroundImage(UIColor.clear.as1ptImage(), for: .default)

//Set the shadow color.
navigationController?.navigationBar.shadowImage = UIColor.gray.as1ptImage()
    InformationsquelleAutor backslash-f
  3. 1

    für Swift 3.0 nur ändern Sie diese Zeile:

    CGContextFillRect(ctx, CGRect(x: 0, y: 0, width: 1, height: 1))

    zu diesem: 

    ctx?.fill(CGRect(x: 0, y: 0, width: 1, height: 1))
    InformationsquelleAutor Pavel
  4. 1

    Putting @alessandro-orru ' s Antwort in einer Erweiterung

    extension UINavigationController {

    func setNavigationBarBorderColor(_ color:UIColor) {
        self.navigationBar.shadowImage = color.as1ptImage()
    }
}

extension UIColor {

    ///Converts this `UIColor` instance to a 1x1 `UIImage` instance and returns it.
    ///
    ///- Returns: `self` as a 1x1 `UIImage`.
    func as1ptImage() -> UIImage {
        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))
        setFill()
        UIGraphicsGetCurrentContext()?.fill(CGRect(x: 0, y: 0, width: 1, height: 1))
        let image = UIGraphicsGetImageFromCurrentImageContext() ?? UIImage()
        UIGraphicsEndImageContext()
        return image
    }
}

    dann in Ihrer view-controller nur hinzufügen:

    self.navigationController?.setNavigationBarBorderColor(UIColor.red)
    InformationsquelleAutor Claus
Schreibe einen Kommentar