Ajout d'une image d'arrière-plan dans UINavigationBar

Question

Existe-t-il un moyen d'ajouter une image en arrière-plan de UINavigationBar. Il n'y a pas d'option directe via le constructeur d'interface, mais j'ai vu des applications implémentées cette chose.

Toute aide serait appréciée.

Merci

Answer 1

Créer une UIView et l'ajouter en tant que sous-vue.

Éditer: Vous pouvez maintenant utiliser setBackgroundImage:forBarMetrics:. Source: https://stackoverflow.com/a/7765102/313875

Answer 2

Ajoutez simplement votre arrière-plan comme sous-vue, comme suggéré par jrtc27 et changez la couleur de teinte en fonction de vos besoins.

Answer 3

Vous pouvez également remplacer la fonction drawRect.

@implementation UINavigationBar (UINavigationBarCustom) 

- (void)drawRect:(CGRect)rect { 

    UIImage *image = [UIImage imageNamed:@"nav_bar_logo.png"]; 
    [image drawInRect:rect]; 
} 

@end 

Answer 4

Vous pouvez également remplacer le drawLayer: inContext: méthode dans une classe de catégorie UINavigationBar. Dans la méthode drawLayer: inContext:, vous pouvez dessiner l'image d'arrière-plan que vous souhaitez utiliser. Vous pouvez également utiliser des images de différentes tailles pour les orientations portrait et paysage si vous le souhaitez.

- (void) drawLayer:(CALayer *)layer inContext:(CGContextRef)context 
{ 
    if ([self isMemberOfClass:[UINavigationBar class]] == NO) { 
     return; 
    } 

    UIImage *image = (self.frame.size.width > 320) ? 
         [UINavigationBar bgImageLandscape] : [UINavigationBar bgImagePortrait]; 
    CGContextClip(context); 
    CGContextTranslateCTM(context, 0, image.size.height); 
    CGContextScaleCTM(context, 1.0, -1.0); 
    CGContextDrawImage(context, CGRectMake(0, 0, self.frame.size.width, self.frame.size.height), image.CGImage); 
} 

Et comme un projet démo complète Xcode sur la personnalisation de l'apparence de UINavigationBar this et this pourrait être utile.

Answer 5

J'ai récemment écrit un article sur la personnalisation de l'arrière-plan pour UINavigatioBar et UIToolbar. Vous pouvez trouver un exemple de code et catégories pour une intégration transparente de cette fonctionnalité dans votre application par le lien suivant - http://leonov.co/2011/04/uinavigationbar-and-uitoolbar-customization-ultimate-solution/

Answer 6

Utilisez ce code

 UIImage *backgroundImage = [UIImage imageNamed:@"strip.png"]; 
     [upnavbar setBackgroundImage:backgroundImage forBarMetrics:UIBarMetricsDefault]; 

ce travail wil.