Ho un'app che a volte ha bisogno della sua barra di navigazione per fondersi con il contenuto.

Qualcuno sa come sbarazzarsi o cambiare il colore di questa fastidiosa barretta?

Nell'immagine qui sotto ho una situazione - sto parlando di questa linea di altezza 1px sotto "Root View Controller"

Per iOS 13:

Usa la .shadowColorproprietà

Se questa proprietà è nulla o contiene il colore chiaro, la barra non visualizza ombre

Per esempio:

let navigationBar = navigationController?.navigationBar
let navigationBarAppearence = UINavigationBarAppearance()
navigationBarAppearence.shadowColor = .clear
navigationBar?.scrollEdgeAppearance = navigationBarAppearence

Per iOS 12 e versioni precedenti:

Per fare ciò, è necessario impostare un'immagine ombra personalizzata. Ma per mostrare l'immagine ombra è necessario anche impostare un'immagine di sfondo personalizzata, citando la documentazione di Apple:

Per visualizzare un'immagine ombra personalizzata, è necessario impostare anche un'immagine di sfondo personalizzata con il metodo setBackgroundImage (_: for :). Se viene utilizzata l'immagine di sfondo predefinita, verrà utilizzata l'immagine ombra predefinita indipendentemente dal valore di questa proprietà.

Così:

let navigationBar = navigationController!.navigationBar
navigationBar.setBackgroundImage(#imageLiteral(resourceName: "BarBackground"),
                                                        for: .default)
navigationBar.shadowImage = UIImage()

Sopra è l'unico modo "ufficiale" per nasconderlo. Sfortunatamente, rimuove la traslucenza della barra.

Non voglio un'immagine di sfondo, solo colore

Hai queste opzioni:

1. Tinta unita, nessuna traslucenza:

   navigationBar.barTintColor = UIColor.redColor()
   navigationBar.isTranslucent = false
   navigationBar.setBackgroundImage(UIImage(), for: .default)
   navigationBar.shadowImage = UIImage()

2. Crea una piccola immagine di sfondo piena di colore e usala.

3. Utilizzare il metodo "hacky" descritto di seguito. Manterrà anche la barra traslucida.

Come mantenere la barra traslucida?

Per mantenere la traslucenza hai bisogno di un altro approccio, sembra un hack ma funziona bene. L'ombra che stiamo cercando di rimuovere è un'attaccatura UIImageViewda qualche parte sotto UINavigationBar. Possiamo trovarlo e nasconderlo / mostrarlo quando necessario.

Le istruzioni di seguito presuppongono che sia necessario nascondere l'attaccatura dei capelli solo in un controller della UINavigationControllergerarchia.

1. Dichiara variabile d'istanza:

   private var shadowImageView: UIImageView?

2. Aggiungi metodo che trova questa ombra (attaccatura dei capelli) UIImageView:

   private func findShadowImage(under view: UIView) -> UIImageView? {
       if view is UIImageView && view.bounds.size.height <= 1 {
           return (view as! UIImageView)
       }
   
       for subview in view.subviews {
           if let imageView = findShadowImage(under: subview) {
               return imageView
           }
       }
       return nil
   }

3. Aggiungi / modifica viewWillAppear/viewWillDisappearmetodi:

   override func viewWillAppear(_ animated: Bool) {
       super.viewWillAppear(animated)
   
       if shadowImageView == nil {
           shadowImageView = findShadowImage(under: navigationController!.navigationBar)
       }
       shadowImageView?.isHidden = true
   }
   
   override func viewWillDisappear(_ animated: Bool) {
       super.viewWillDisappear(animated)
   
       shadowImageView?.isHidden = false
   }

Lo stesso metodo dovrebbe funzionare anche per l' UISearchBarattaccatura dei capelli e (quasi) qualsiasi altra cosa che devi nascondere :)

Mille grazie a @Leo Natan per l'idea originale!

Di seguito può aiutare semplicemente!

Swift:

self.navigationController?.navigationBar.setValue(true, forKey: "hidesShadow")

Obiettivo C:

[self.navigationController.navigationBar setValue:@(YES) forKeyPath:@"hidesShadow"];

Se vuoi solo usare un solido colore della barra di navigazione e lo hai impostato nello storyboard, usa questo codice nella tua AppDelegateclasse per rimuovere il bordo di 1 pixel tramite il proxy aspetto:

[[UINavigationBar appearance] setBackgroundImage:[[UIImage alloc] init]
                                  forBarPosition:UIBarPositionAny
                                      barMetrics:UIBarMetricsDefault];

[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];

Prova questo:

[[UINavigationBar appearance] setBackgroundImage: [UIImage new]  
                                   forBarMetrics: UIBarMetricsDefault];

[UINavigationBar appearance].shadowImage = [UIImage new];

L'immagine sotto ha la spiegazione (iOS7 NavigationBar):

E controlla questa domanda SO: iOS7 - Cambia il colore del bordo di UINavigationBar

Volevo aggiungere la versione rapida della risposta di Serhii. Ho creato un UIBarExtension.swiftcon il seguente:

import Foundation
import UIKit

extension UINavigationBar {
    func hideBottomHairline() {
        self.hairlineImageView?.isHidden = true
    }

    func showBottomHairline() {
        self.hairlineImageView?.isHidden = false
    }
}

extension UIToolbar {
    func hideBottomHairline() {
        self.hairlineImageView?.isHidden = true
    }

    func showBottomHairline() {
        self.hairlineImageView?.isHidden = false
    }
}

extension UIView {
    fileprivate var hairlineImageView: UIImageView? {
        return hairlineImageView(in: self)
    }

    fileprivate func hairlineImageView(in view: UIView) -> UIImageView? {
        if let imageView = view as? UIImageView, imageView.bounds.height <= 1.0 {
            return imageView
        }

        for subview in view.subviews {
            if let imageView = self.hairlineImageView(in: subview) { return imageView }
        }

        return nil
    }
}

Il modo rapido per farlo:

UINavigationBar.appearance().setBackgroundImage(
    UIImage(),
    forBarPosition: .Any,
    barMetrics: .Default)

UINavigationBar.appearance().shadowImage = UIImage()

Soluzione semplice in breve tempo

   let navigationBar = self.navigationController?.navigationBar
    navigationBar?.setBackgroundImage(UIImage(), forBarPosition: UIBarPosition.Any, barMetrics: UIBarMetrics.Default)
    navigationBar?.shadowImage = UIImage()

Dopo aver studiato la risposta di Serhil, ho creato un pod UINavigationBar + Addition che può facilmente nascondere l'attaccatura dei capelli.

#import "UINavigationBar+Addition.h"

- (void)viewDidLoad {
    [super viewDidLoad];

    UINavigationBar *navigationBar = self.navigationController.navigationBar;
    [navigationBar hideBottomHairline];
}

In Swift 3.0

Modifica il tuo AppDelegate.swiftaggiungendo il seguente codice alla funzione dell'applicazione:

// Override point for customization after application launch.

// Remove border in navigationBar
UINavigationBar.appearance().shadowImage = UIImage()
UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)

A partire da iOS 13 esiste un'API di sistema per impostare o rimuovere l'ombra

UIKit utilizza shadowImage e la proprietà shadowColor per determinare l'aspetto dell'ombra. Quando shadowImage è zero, la barra visualizza un'ombra predefinita colorata in base al valore nella proprietà shadowColor. Se shadowColor è zero o contiene il colore clearColor, la barra non visualizza ombre.

    let appearance = UINavigationBarAppearance()
    appearance.shadowImage = nil
    appearance.shadowColor = nil
    navigationController.navigationBar.standardAppearance = appearance

https://developer.apple.com/documentation/uikit/uibarappearance/3198009-shadowimage

Può anche essere nascosto dallo Storyboard (lavorando su Xcode 10.1)

Aggiungendo l'attributo di runtime: hidesShadow - Boolean - True

La soluzione di pxpgraphics è stata aggiornata per Swift 2.0

extension UINavigationBar {

    func hideBottomHairline()
    {
        hairlineImageViewInNavigationBar(self)?.hidden = true
    }

    func showBottomHairline()
    {
        hairlineImageViewInNavigationBar(self)?.hidden = false
    }

    private func hairlineImageViewInNavigationBar(view: UIView) -> UIImageView?
    {
        if let imageView = view as? UIImageView where imageView.bounds.height <= 1
        {
            return imageView
        }

        for subview: UIView in view.subviews
        {
            if let imageView = hairlineImageViewInNavigationBar(subview)
            {
                return imageView
            }
        }

        return nil
    }

}

extension UIToolbar
{

    func hideHairline()
    {
        let navigationBarImageView = hairlineImageViewInToolbar(self)?.hidden = true
    }

    func showHairline()
    {
        let navigationBarImageView = hairlineImageViewInToolbar(self)?.hidden = false
    }

    private func hairlineImageViewInToolbar(view: UIView) -> UIImageView?
    {
        if let imageView = view as? UIImageView where imageView.bounds.height <= 1
        {
            return imageView
        }

        for subview: UIView in view.subviews
        {
            if let imageView = hairlineImageViewInToolbar(subview)
            {
                return imageView
            }
        }

        return nil
    }

}

Swift 4 // per nascondere la linea d'ombra della barra di navigazione

navigationController?.navigationBar.shadowImage = UIImage()

Uso un'estensione UINavigationBar che mi consente di nascondere / mostrare quell'ombra usando l'API UIAppearance o selezionando quale barra di navigazione deve nascondere / mostrare quell'ombra usando Storyboard (o codice sorgente). Ecco l'estensione:

import UIKit

private var flatAssociatedObjectKey: UInt8 = 0

/*
  An extension that adds a "flat" field to UINavigationBar. This flag, when
  enabled, removes the shadow under the navigation bar.
 */
@IBDesignable extension UINavigationBar {
    @IBInspectable var flat: Bool {
        get {
            guard let obj = objc_getAssociatedObject(self, &flatAssociatedObjectKey) as? NSNumber else {
                return false
            }
            return obj.boolValue;
        }

        set {
            if (newValue) {
                let void = UIImage()
                setBackgroundImage(void, forBarPosition: .Any, barMetrics: .Default)
                shadowImage = void
            } else {
                setBackgroundImage(nil, forBarPosition: .Any, barMetrics: .Default)
                shadowImage = nil
            }
            objc_setAssociatedObject(self, &flatAssociatedObjectKey, NSNumber(bool: newValue),
                    objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        }
    }
}

Ora, per disabilitare l'ombra in tutte le barre di navigazione devi usare:

UINavigationBar.appearance().flat = true

Oppure puoi abilitare / disabilitare questo comportamento usando gli storyboard:

Swift 4 testato SOLUZIONE LINEA

Nel Viewdidload() valore di default dell'utente impostato su Controller di navigazione true per la chiave "hidesShadow"

override func viewDidLoad() {
    super.viewDidLoad()

    self.navigationController?.navigationBar.setValue(true, forKey: "hidesShadow")

}

Swift ha detto questo

UINavigationBar.appearance().setBackgroundImage(UIImage(), forBarPosition: .Any, barMetrics: .Default)
UINavigationBar.appearance().shadowImage = UIImage()

in

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

Un'altra opzione se vuoi preservare la traslucenza e non vuoi sottoclassare tutti UINavigationControllernella tua app:

#import <objc/runtime.h>

@implementation UINavigationController (NoShadow)

+ (void)load {
    Method original = class_getInstanceMethod(self, @selector(viewWillAppear:));
    Method swizzled = class_getInstanceMethod(self, @selector(swizzled_viewWillAppear:));
    method_exchangeImplementations(original, swizzled);
}

+ (UIImageView *)findHairlineImageViewUnder:(UIView *)view {
    if ([view isKindOfClass:UIImageView.class] && view.bounds.size.height <= 1.0) {
        return (UIImageView *)view;
    }

    for (UIView *subview in view.subviews) {
        UIImageView *imageView = [self findHairlineImageViewUnder:subview];
        if (imageView) {
            return imageView;
        }
    }

    return nil;
}

- (void)swizzled_viewWillAppear:(BOOL)animated {
    UIImageView *shadow = [UINavigationController findHairlineImageViewUnder:self.navigationBar];
    shadow.hidden = YES;

    [self swizzled_viewWillAppear:animated];
}

@end

Slightly Swift Solution 
func setGlobalAppearanceCharacteristics () {
    let navigationBarAppearace = UINavigationBar.appearance()
    navigationBarAppearace.tintColor = UIColor.white
    navigationBarAppearace.barTintColor = UIColor.blue
    navigationBarAppearace.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
    navigationBarAppearace.shadowImage = UIImage()

}

Soluzione in Swift 4.2:

private func removeHairlineFromNavbar() {
    UINavigationBar.appearance().setBackgroundImage(
        UIImage(),
        for: .any,
        barMetrics: .default)
    UINavigationBar.appearance().shadowImage = UIImage()
}

Basta inserire questa funzione nel primo Viewcontroller e richiamarla viewdidload

In iOS8, se si imposta UINavigationBar.barStylesu .Blackè possibile impostare lo sfondo della barra come colore normale senza il bordo.

In Swift:

UINavigationBar.appearance().translucent = false
UINavigationBar.appearance().barStyle = UIBarStyle.Black
UINavigationBar.appearance().barTintColor = UIColor.redColor()

Soluzione a due linee che funziona per me. Prova ad aggiungere questo nel metodo ViewDidLoad:

navigationController?.navigationBar.setValue(true, forKey: "hidesShadow")
self.extendedLayoutIncludesOpaqueBars = true

Ecco una soluzione molto semplice:

self.navigationController.navigationBar.clipsToBounds = YES;

Soluzione semplice - Swift 5

1. Crea un'estensione:

   extension UIImage {
   
       class func hideNavBarLine(color: UIColor) -> UIImage? {
   
           let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
           UIGraphicsBeginImageContext(rect.size)
           let context = UIGraphicsGetCurrentContext()
           context?.setFillColor(color.cgColor)
           context?.fill(rect)
   
   
           let navBarLine = UIGraphicsGetImageFromCurrentImageContext()
           UIGraphicsEndImageContext()
           return navBarLine
       }
   }

2. Aggiungi questo a viewDidLoad():

   self.navigationController?.navigationBar.shadowImage = UIImage.hideNavBarLine(color: UIColor.clear)

Per gli utenti di iOS 9, questo ha funzionato per me. aggiungi questo:

UINavigationBar.appearance().shadowImage = UIImage()

Il problema con l'impostazione di un'immagine di sfondo è che rimuove la sfocatura. Puoi rimuoverlo senza impostare un'immagine di sfondo. Vedi la mia risposta qui .

È necessario aggiungere una vista alla fine di UISearchBar

let rect = searchController.searchBar.frame;
let lineView : UIView = UIView.init(frame: CGRect.init(x: 0, y: rect.size.height-1, width: rect.size.width, height: 1))
lineView.backgroundColor = UIColor.init(hexString: "8CC73E")
searchController.searchBar.addSubview(lineView)

So che questo è un vecchio thread, ma ho trovato una soluzione che funziona davvero bene:

Sottoclasse UINavigationBar. Nella sottoclasse UINavigationBar, sovrascrivi didAddSubview con il seguente codice:

- (void)didAddSubview:(UIView *)subview
{
    [super didAddSubview:subview];

    if ([subview isKindOfClass:[UIImageView class]]) {
        [subview setClipsToBounds:YES];
    }
}

Ho appena creato un'estensione per questo ... Mi dispiace per la formattazione (questa è la mia prima risposta).

Uso:

  override func viewDidLoad() {
    super.viewDidLoad()
    self.navigationController?.hideShadow = true
}

Estensione:

 UINavigationController.swift
//  Created by Ricardo López Rey on 16/7/15.

import Foundation


struct UINavigationControllerExtension {
    static var hideShadowKey : String = "HideShadow"
static let backColor = UIColor(red: 247/255, green: 247/255, blue: 248/255, alpha: 1.0)
}

extension UINavigationController {

    var hideShadow : Bool {
        get {
            if let ret =  objc_getAssociatedObject(self, &UINavigationControllerExtension.hideShadowKey) as? Bool {
                return ret
            } else {
                return false
            }


        }
        set {
            objc_setAssociatedObject(self,&UINavigationControllerExtension.hideShadowKey,newValue, objc_AssociationPolicy(OBJC_ASSOCIATION_RETAIN_NONATOMIC))

            if newValue {


            self.navigationBar.setBackgroundImage(solidImage(UINavigationControllerExtension.backColor), forBarMetrics: UIBarMetrics.Default)

                self.navigationBar.shadowImage = solidImage(UIColor.clearColor())
            } else {
                self.navigationBar.setBackgroundImage(nil, forBarMetrics: UIBarMetrics.Default)
            }
        }
    }

    private func solidImage(color: UIColor, size: CGSize = CGSize(width: 1,height: 1)) -> UIImage {
        var rect = CGRectMake(0, 0, size.width, size.height)
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        color.setFill()
        UIRectFill(rect)
        var image: UIImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }


}

All'interno di AppDelegate , questo ha cambiato globalmente il formato di NavBar:

 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 = UIColor.redColor()
    UINavigationBar.appearance().translucent = false
    UINavigationBar.appearance().clipsToBounds = false
    UINavigationBar.appearance().backgroundColor = UIColor.redColor()
    UINavigationBar.appearance().titleTextAttributes = [NSFontAttributeName : (UIFont(name: "FONT NAME", size: 18))!, NSForegroundColorAttributeName: UIColor.whiteColor()] }

Non sono riusciti a implementare nulla di diverso su un VC specifico, ma questo aiuterà il 90% delle persone

-(void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];

    UIImage *emptyImage = [UIImage new];
    self.navigationController.navigationBar.shadowImage = emptyImage;
    [self.navigationController.navigationBar setBackgroundImage:emptyImage forBarMetrics:UIBarMetricsDefault];
}