Tengo una aplicación que a veces necesita que su barra de navegación se mezcle con el contenido.

¿Alguien sabe cómo deshacerse o cambiar el color de esta pequeña barra molesta?

En la imagen a continuación la situación que tengo - estoy hablando de esta línea de altura de 1px debajo de "Root View Controller"

Para iOS 13:

Usa la .shadowColorpropiedad

Si esta propiedad es nula o contiene el color claro, la barra no muestra sombras

Por ejemplo:

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

Para iOS 12 y versiones inferiores:

Para hacer esto, debe establecer una imagen de sombra personalizada. Pero para que se muestre la imagen sombreada, también debe establecer una imagen de fondo personalizada, cite la documentación de Apple:

Para que se muestre una imagen de sombra personalizada, también se debe establecer una imagen de fondo personalizada con el método setBackgroundImage (_: for :). Si se utiliza la imagen de fondo predeterminada, se utilizará la imagen de sombra predeterminada independientemente del valor de esta propiedad.

Entonces:

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

Arriba está la única forma "oficial" de ocultarlo. Desafortunadamente, elimina la translucidez de la barra.

No quiero imagen de fondo, solo color

Tienes esas opciones:

1. Color sólido, sin translucidez:

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

2. Crea una pequeña imagen de fondo llena de color y úsala.

3. Utilice el método 'hacky' que se describe a continuación. También mantendrá la barra translúcida.

¿Cómo mantener la barra translúcida?

Para mantener la translucidez, necesita otro enfoque, parece un truco pero funciona bien. La sombra que estamos tratando de eliminar es una rayita en UIImageViewalgún lugar debajo UINavigationBar. Podemos encontrarlo y ocultarlo / mostrarlo cuando sea necesario.

Las instrucciones a continuación suponen que necesita una línea oculta solo en un controlador de su UINavigationControllerjerarquía.

1. Declarar variable de instancia:

   private var shadowImageView: UIImageView?

2. Agregue un método que encuentre esta sombra (rayita) 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. Agregar / editar viewWillAppear/viewWillDisappearmétodos:

   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
   }
   

El mismo método también debería funcionar para UISearchBarrayita y (casi) cualquier otra cosa que necesite ocultar :)

¡Muchas gracias a @Leo Natan por la idea original!

¡A continuación puede ayudar simplemente!

Rápido:

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

C objetivo:

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

Si solo desea usar un color de barra de navegación sólido y lo ha configurado en su guión gráfico, use este código en su AppDelegateclase para eliminar el borde de 1 píxel a través del proxy de apariencia:

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

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

Prueba esto:

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

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

La imagen de abajo tiene la explicación (iOS7 NavigationBar):

Y revise esta pregunta SO: iOS7 - Cambiar el color del borde UINavigationBar

Quería agregar la versión Swift de la respuesta de Serhii. Creé un UIBarExtension.swiftcon lo siguiente:

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

La forma rápida de hacerlo:

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

UINavigationBar.appearance().shadowImage = UIImage()

Solución simple en swift

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

Después de estudiar la respuesta de Serhil, creé una vaina UINavigationBar + Addition que puede ocultar fácilmente la línea del cabello.

#import "UINavigationBar+Addition.h"

- (void)viewDidLoad {
    [super viewDidLoad];

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

En Swift 3.0

Edite su AppDelegate.swiftagregando el siguiente código a la función de su aplicación:

// Override point for customization after application launch.

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

A partir de iOS 13, hay una API del sistema para establecer o eliminar la sombra

UIKit usa shadowImage y la propiedad shadowColor para determinar la apariencia de la sombra. Cuando shadowImage es nil, la barra muestra una sombra predeterminada teñida de acuerdo con el valor en la propiedad shadowColor. Si shadowColor es nulo o contiene el color clearColor, la barra no muestra sombra.

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

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

También se puede ocultar de Storyboard (trabajando en Xcode 10.1)

Al agregar el atributo de tiempo de ejecución: hidesShadow - Boolean - True

Solución de pxpgraphics actualizada para 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 // para ocultar la línea de sombra de la barra de navegación

navigationController?.navigationBar.shadowImage = UIImage()

Utilizo una extensión UINavigationBar que me permite ocultar / mostrar esa sombra usando la API UIAppearance o seleccionando qué barra de navegación tiene que ocultar / mostrar esa sombra usando Storyboard (o código fuente). Aquí está la extensión:

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

Ahora, para deshabilitar la sombra en todas las barras de navegación, debe usar:

UINavigationBar.appearance().flat = true

O puede habilitar / deshabilitar este comportamiento usando guiones gráficos:

Swift 4 probado SOLUCIÓN DE UNA LÍNEA

En Viewdidload() Establecer el valor predeterminado del usuario del controlador de navegación verdadero para la clave "hidesShadow"

override func viewDidLoad() {
    super.viewDidLoad()

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

}

Swift puso esto

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

en

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

Otra opción si desea preservar la translucidez y no desea subclasificar todos UINavigationControlleren su aplicación:

#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()

}

Solución en Swift 4.2:

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

Simplemente ponga esta función en el primer Viewcontroller y llámelo viewdidload

En iOS8, si se establece el UINavigationBar.barStyleque .Blackse puede poner el fondo de la barra como el color blanco sin la frontera.

En Swift:

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

Solución de dos líneas que funciona para mí. Intente agregar esto en el método ViewDidLoad:

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

Aquí hay una solución muy simple:

self.navigationController.navigationBar.clipsToBounds = YES;

Solución simple - Swift 5

1. Crea una extensión:

   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. Agregue esto a viewDidLoad():

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

Para los usuarios de iOS 9, esto funcionó para mí. solo agrega esto:

UINavigationBar.appearance().shadowImage = UIImage()

El problema con la configuración de una imagen de fondo es que elimina el desenfoque. Puede eliminarlo sin establecer una imagen de fondo. Mira mi respuesta aquí .

Debe agregar una vista al final de 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)

Sé que este es un hilo viejo, pero encontré una solución que funciona muy bien:

Subclase UINavigationBar. En su subclase UINavigationBar, anule didAddSubview con el siguiente código:

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

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

Acabo de crear una extensión para esto ... Perdón por el formato (esta es mi primera respuesta).

Uso:

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

Extensión:

 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
    }


}

Dentro de AppDelegate , esto ha cambiado globalmente el formato de 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()] }

No he logrado implementar nada diferente en un VC específico, pero esto ayudará al 90% de las personas

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

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