Comment puis-je créer un dégradé horizontal d'arrière-plan pour mon iOS de la barre de navigation?

Je sais comment mettre une barre de navigation couleur d'arrière-plan (avec barTintColor), mais maintenant, je suis en train de travailler sur une application iOS qui appelle pour un dégradé horizontal (pas le type gradient vertical).

Comment puis-je créer une barre de navigation avec un dégradé horizontal d'arrière-plan?

InformationsquelleAutor Andrew | 2015-08-08
  1. 65

    Si vous souhaitez définir par programmation le gradient d'une UINavigationBar j'ai une solution pour vous.

    De la première configuration d'un CAGradientLayer avec votre choix de couleurs et de lieux.

    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
gradientLayer.frame = navigationBar.bounds;
gradientLayer.colors = @[ (__bridge id)[UIColor greenColor].CGColor,
                          (__bridge id)[UIColor blueColor].CGColor ];
gradientLayer.startPoint = CGPointMake(0.0, 0.5);
gradientLayer.endPoint = CGPointMake(1.0, 0.5);

    Puis, prenez le comme uimage de cette couche.

    UIGraphicsBeginImageContext(gradientLayer.bounds.size);
[gradientLayer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *gradientImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

    Définir la gradientImage comme le backgroundImage pour votre UINavigationBar.

    [navigationBar setBackgroundImage:gradientImage forBarMetrics:UIBarMetricsDefault];

    Solution Swift:

    [![//Setup the gradient
let gradientLayer = CAGradientLayer()
gradientLayer.frame = navigationBar.bounds
gradientLayer.colors = [UIColor.green.cgColor, UIColor.blue.cgColor]
gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)
gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)

//Render the gradient to UIImage
UIGraphicsBeginImageContext(gradientLayer.bounds.size)
gradientLayer.render(in: UIGraphicsGetCurrentContext()!)
let image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()

 Set the UIImage as background property
navigationBar.setBackgroundImage(image, for: UIBarMetrics.default)

    Comment puis-je créer un dégradé horizontal d'arrière-plan pour mon iOS de la barre de navigation?

    • MERCI!!!! Enfin eu la chance de mettre en œuvre et cela a fonctionné! J'ai d'abord essayé d'ajouter la couche de sous-couche, mais il semble entrer en conflit avec la SVProgressHUD bibliothèque que j'utilise. J'ai été l'obtention de l'erreur [SVIndefiniteAnimatedView _barPosition]: unrecognized selector sent to instance. Quand j'ai essayé de le définir comme un fond d'image comme vous l'avez suggéré, il a travaillé!
    • Je vais devoir ajouter que ce code ne sera pas tenir compte de la barre d'état. Si vous voulez avoir votre dégradé prendre sur l'ensemble de la barre d'état ainsi vous pouvez tout simplement faire quelque chose comme ceci : var updatedFrame = navigationBar.bounds updatedFrame.size.height += 20 gradientLayer.frame = updatedFrame
    • Merci!!!! Sa a fonctionné pour moi bien.
    InformationsquelleAutor JulianM
  2. 14

    Mise à jour @JulianM réponse pour iOS 10 /swift 3.0:

    let gradientLayer = CAGradientLayer()
var updatedFrame = self.navigationController!.navigationBar.bounds
updatedFrame.size.height += 20
gradientLayer.frame = updatedFrame
gradientLayer.colors = [UIColor.green.cgColor, UIColor.blue.cgColor]
gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)
gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)

UIGraphicsBeginImageContext(gradientLayer.bounds.size)
gradientLayer.render(in: UIGraphicsGetCurrentContext()!)
let image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()

self.navigationController!.navigationBar.setBackgroundImage(image, for: UIBarMetrics.default)
    InformationsquelleAutor Makalele
  3. 0

    Vous pouvez l'utiliser :

    [[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"gardientImage"] forBarMetrics:UIBarMetricsDefault];

    pour ios 7 navigation hauteur de la barre est 64px

    • Mais vous devez le créer, de ne pas utiliser déjà créé l'image.
    InformationsquelleAutor Rohit suvagiya