web-dev-qa-db-fra.com

UINavigationBar transparent dans Swift

J'essaie de rendre ma UINavigationBar dans UINavigationController transparente. J'ai créé une sous-classe de UINavigationController et je l'ai aimé pour une scène de mon fichier de storyboard. Voici un morceau de ma sous-classe:

override func viewDidLoad() {
    super.viewDidLoad()

    // Do any additional setup after loading the view.
    let size = self.navigationBar.frame.size
    self.navigationBar.setBackgroundImage(imageWithColor(UIColor.blackColor(), size: size, alpha: 0.2), forBarMetrics: UIBarMetrics.Default)
}

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

func imageWithColor(color: UIColor, size: CGSize, alpha: CGFloat) -> UIImage {
    UIGraphicsBeginImageContext(size)
    let currentContext = UIGraphicsGetCurrentContext()
    let fillRect = CGRectMake(0, 0, size.width, size.height)
    CGContextSetFillColorWithColor(currentContext, color.CGColor)
    CGContextSetAlpha(currentContext, alpha)
    CGContextFillRect(currentContext, fillRect)
    let retval: UIImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return retval
}

Lorsque j'exécute mon application, la barre de navigation est transparente, mais la barre d'état est tout simplement noire.

Par exemple, si je fais ce genre de chose sur UITabBar - cela fonctionne.

iosswiftuinavigationbar
23
Nikita Zernov

J'espère que ça vous aidera

Swift 2: 

self.navigationController.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)
self.navigationController.navigationBar.shadowImage = UIImage()
self.navigationController.navigationBar.isTranslucent = true
self.navigationController.view.backgroundColor = UIColor.clearColor()

Swift 4.2

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
self.navigationController?.navigationBar.shadowImage = UIImage()
self.navigationController?.navigationBar.isTranslucent = true
self.navigationController?.view.backgroundColor = UIColor.clear

Ou si vous souhaitez sous-classer le contrôleur de navigation, reportez-vous à ceci answer .

Changer le style de la barre d'état via:

Dans votre Info.plist, vous devez définir l'apparence de la barre d'état du contrôleur d'affichage} à toute valeur.

enter image description here

UIApplication.shared.statusBarStyle = .lightContent

Si vous souhaitez masquer la barre d'état:

UIApplication.shared.isStatusBarHidden = true

Obtenir cette sortie par un contenu léger et par une navigation transparente. J'ai vue fond est gris. vous pouvez voir la transparence.

enter image description here

iPhone XR - Swift 4.2 - Grands titres (Capture d'écran du test)

 Large Titles - Swift - iPhone XR

86
Ashish Kakkad

Si vous utilisez Swift 2.0, utilisez le bloc de code ci-dessous:

 self.navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)
 self.navigationController?.navigationBar.shadowImage = UIImage()
 self.navigationController?.navigationBar.translucent = true

Pour Swift 3.0, utilisez:

navigationController?.setNavigationBarHidden(false, animated: true)
navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
navigationController?.navigationBar.shadowImage = UIImage()
navigationController?.navigationBar.isTranslucent = true
29
Chamath Jeevan

Swift 3.0.1 avec Xcode 8.1

Dans votre UINavigationController

override func viewDidLoad() {
    super.viewDidLoad()
    self.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
    self.navigationBar.shadowImage = UIImage()
    self.navigationBar.isTranslucent = true
    self.view.backgroundColor = UIColor.clear
}
5
Jeff Gu Kang

Xcode 8.x: Swift 3: extension pour le même Écrire une fois pour toute utilisation

extension UINavigationBar {

    func transparentNavigationBar() {
        self.setBackgroundImage(UIImage(), for: .default)
        self.shadowImage = UIImage()
        self.isTranslucent = true
    }
}
4
Ankit Kumar Gupta

Créez une extension de UINavigationController et présentez ou masquez la barre de navigation transparente.

extension UINavigationController {

    public func presentTransparentNavigationBar() {
        navigationBar.setBackgroundImage(UIImage(), for:UIBarMetrics.default)
        navigationBar.isTranslucent = true
        navigationBar.shadowImage = UIImage()
        setNavigationBarHidden(false, animated:true)
    }

    public func hideTransparentNavigationBar() {
        setNavigationBarHidden(true, animated:false)
        navigationBar.setBackgroundImage(UINavigationBar.appearance().backgroundImage(for: UIBarMetrics.default), for:UIBarMetrics.default)
        navigationBar.isTranslucent = UINavigationBar.appearance().isTranslucent
        navigationBar.shadowImage = UINavigationBar.appearance().shadowImage
    }
}
4
user550088

J'ai essayé toutes les méthodes ci-dessus et j'ai toujours un espace blanc au lieu du contenu censé être rendu. Si vous souhaitez dessiner des sous-vues régulières (Google map, par exemple) et non du contenu UIScrollView via la barre de navigation, vous devez définir le cadre de la sous-vue dans viewDidAppear.

existingNavigationBar.setBackgroundImage(transparentImageFromAssets, for: .default)
existingNavigationBar.shadowImage = transparentImageFromAssets
existingNavigationBar.isTranslucent = true

étape 2:

override func viewDidAppear(_ animated: Bool) {
      super.viewDidAppear(animated)
      self.mapView.frame = UIScreen.main.bounds
  }

Cela a fonctionné pour moi.

0
Alexander Stepanishin