web-dev-qa-db-fra.com

Définition du dégradé à la fois dans la barre de navigation et la barre d'état

J'essaie de modifier l'arrière-plan d'une barre de navigation en créant un calque et en l'ajoutant en tant que sous-calque à la barre de navigation. Cependant, cela n'affecte que la barre de navigation. 

1

Je ne veux pas que cela affecte tout le haut de l'écran. Code inclus:

let navBarLayer = StyleUtils.createGradientLayerWithColors(color: StyleUtils.Colors.SKY_BLUE, frame: (self.navigationController?.navigationBar.bounds)!)

self.navigationController?.navigationBar.layer.addSublayer(navBarLayer)

La fonction createGradientLayerWithColors renvoie un CAGradientLayer pour la trame donnée.

Qu'est-ce que je rate? Merci d'avance.

EDIT:

J'ai essayé de répondre à Nathaniel, mais j'ai obtenu ceci:

 problem

Il convient de mentionner qu'il s'agit également d'une TableView.

SOLUTION:

J'ai trouvé cette question qui m'a aidé à résoudre le problème.

Le code correct final est:

func setNavBarColor() {

    let navBar = self.navigationController?.navigationBar

    //Make navigation bar transparent
    navBar?.setBackgroundImage(UIImage(), for: .default)
    navBar?.shadowImage = UIImage()
    navBar?.isTranslucent = true

    //Create View behind navigation bar and add gradient
    let behindView = UIView(frame: CGRect(x: 0, y:0, width: UIApplication.shared.statusBarFrame.width, height: UIApplication.shared.statusBarFrame.height + (navBar?.frame.height)!))

    let layerTop = StyleUtils.createGradientLayerWithColors(color: StyleUtils.Colors.SKY_BLUE, frame: behindView.bounds)
    behindView.layer.insertSublayer(layerTop, at: 0)

    self.navigationController?.view.insertSubview(behindView, belowSubview: navBar!)

}
iosswiftuinavigationbarstatusbarlayer
10
PablodeAcero

C'est comme ça que je le gère.

J'ai d'abord défini le NavigationBar sur transparent: 

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

J'ajoute ensuite le dégradé à la vue située derrière la barre d'état et la barre de navigation: 

    let gradient = CAGradientLayer()
    gradient.frame = CGRect(x: 0, y: 0, width: UIApplication.sharedApplication().statusBarFrame.width, height: UIApplication.sharedApplication().statusBarFrame.height + self.navigationController!.navigationBar.frame.height)
    gradient.locations = [0.0,1.0]
    gradient.colors = [UIColor.anyColor().colorWithAlphaComponent(0.4).CGColor, UIColor.clearColor().CGColor]
    self.view.layer.addSublayer(gradient)
    self.view.backgroundColor = UIColor.clear
12
Nathaniel

Mon option:

let gradientLayer = CAGradientLayer()

let layerY = -UIApplication.shared.statusBarFrame.size.height as CGFloat

let layerHeight = (self.navigationController?.navigationBar.frame.size.height)! + UIApplication.shared.statusBarFrame.size.height as CGFloat

gradientLayer.frame = CGRect(x: 0, y: layerY, width: 1366, height: layerHeight)

gradientLayer.colors = [UIColor(red: 16/255.0, green: 57/255.0, blue: 82/255.0, alpha: 1.0).cgColor, UIColor(red: 17/255.0, green: 132/255.0, blue: 157/255.0, alpha: 1.0).cgColor]

self.navigationController?.navigationBar.layer.addSublayer(gradientLayer)

Ce n'est pas mieux, c'est simplement une autre façon de faire la même chose.

0
Markus