Couleur de la flèche du bouton retour UIBarButton iOS 7

J'essaye de changer la flèche du bouton retour

J'utilise actuellement ce qui suit pour contrôler la taille du texte ainsi que la couleur du texte sur le bouton de retour:

[[UIBarButtonItem appearance] setTitleTextAttributes:
  [NSDictionary dictionaryWithObjectsAndKeys:
    [UIColor whiteColor], UITextAttributeTextColor,
    [UIFont boldSystemFontOfSize:16.0f], UITextAttributeFont,
    [UIColor darkGrayColor], UITextAttributeTextShadowColor,
    [NSValue valueWithCGSize:CGSizeMake(0.0, -1.0)], UITextAttributeTextShadowOffset,
  nil] forState:UIControlStateNormal];

mais si je veux changer uniquement la couleur de la flèche pour le bouton de retour, que dois-je faire?

Pour changer la couleur du chevron du bouton de retour pour un contrôleur de navigation spécifique *:

self.navigationController.navigationBar.tintColor = [UIColor whiteColor];

* Si vous utilisez une application avec plus d'un contrôleur de navigation et que vous souhaitez que cette couleur de chevron s'applique à chacun, vous pouvez utiliser le proxy d'apparence pour définir le chevron du bouton de retour pour chaque contrôleur de navigation, comme suit:

[[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];

Et pour faire bonne mesure, en rapide (merci à Jay Mayu dans les commentaires):

UINavigationBar.appearance().tintColor = UIColor.whiteColor()

Vous devez définir le tintColor de l'ensemble de l'application.

self.window.tintColor = [UIColor redColor];

Ou dans Swift 3:

self.window?.tintColor = UIColor.blue

Source: Guide de transition de l'interface utilisateur iOS 7

Vous pouvez définir la couleur sur toute la barre de navigation de l'application à l'aide de la méthode

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:
(NSDictionary *)launchOptions{
    [[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];
}

Il est possible de changer uniquement la couleur de la flèche (pas la couleur du titre du bouton de retour) de cette manière:

[[self.navigationController.navigationBar.subviews lastObject] setTintColor:[UIColor blackColor]];

La barre de navigation contient une sous-vue du type _UINavigationBarBackIndicatorView (dernier élément du tableau des sous-vues) qui représente la flèche.

Le résultat est une barre de navigation avec différentes couleurs de flèche du bouton de retour et de titre du bouton de retour

Si vous utilisez des storyboards, vous pouvez définir la couleur de teinte de la barre de navigation.

À l'intérieur du rootViewController qui initialise le navigationController, j'ai mis ce code dans ma méthode viewDidAppear:

//set back button color
[[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor whiteColor], UITextAttributeTextColor,nil] forState:UIControlStateNormal];
//set back button arrow color
[self.navigationController.navigationBar setTintColor:[UIColor whiteColor]];

Dans iOS 6, tintColor a teinté l'arrière-plan des barres de navigation, des barres d'onglets, des barres d'outils, des barres de recherche et des barres d'étendue. Pour teinter un arrière-plan de barre dans iOS 7, utilisez plutôt la propriété barTintColor.

Ressources de conception iOS 7 Guide de transition de l'interface utilisateur iOS 7

Vous pouvez définir la tintColorpropriété sur le bouton (ou l'élément de bouton de barre) ou la vue du contrôleur de vue. Par défaut, la propriété héritera de la teinte de la vue parente, jusqu'au niveau supérieur UIWindowde votre application.

J'ai dû utiliser les deux:

[[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil] 
                     setTitleTextAttributes:[NSDictionary 
               dictionaryWithObjectsAndKeys:[UIColor whiteColor], UITextAttributeTextColor,nil] 
                                   forState:UIControlStateNormal];

[[self.navigationController.navigationBar.subviews lastObject] setTintColor:[UIColor whiteColor]];

Et ça marche pour moi, merci pour tout le monde!

UINavigationBar *nbar = self.navigationController.navigationBar;

if (floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1) {
   //iOS 7
   nbar.barTintColor = [UIColor blueColor]; // bar color
   //or custom color 
   //[UIColor colorWithRed:19.0/255.0 green:86.0/255.0 blue:138.0/255.0 alpha:1];

   nbar.navigationBar.translucent = NO;

   nbar.tintColor = [UIColor blueColor]; //bar button item color

} else {
   //ios 4,5,6
   nbar.tintColor = [UIColor whiteColor];
   //or custom color
   //[UIColor colorWithRed:19.0/255.0 green:86.0/255.0 blue:138.0/255.0 alpha:1];

}

Mettre à jour Swift 3

navigationController?.navigationItem.rightBarButtonItem?.tintColor = UIColor.yellow
navigationController?.navigationBar.tintColor = UIColor.red
navigationController?.navigationBar.barTintColor = UIColor.gray
navigationController?.navigationBar.titleTextAttributes =  [NSForegroundColorAttributeName: UIColor.blue]

Résultat:

Juste pour changer la NavigationBarcouleur, vous pouvez définir la couleur de teinte comme ci-dessous.

[[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];

Si vous créez un bouton de retour personnalisé basé sur UIButton avec une image de flèche, voici l'extrait de sous-classe. En l'utilisant, vous pouvez créer un bouton dans le code ou simplement attribuer une classe dans Interface Builder à n'importe quel UIButton. L'image de flèche arrière sera ajoutée automatiquement et colorée avec la couleur du texte.

@interface UIImage (TintColor)

- (UIImage *)imageWithOverlayColor:(UIColor *)color;

@end


@implementation UIImage (TintColor)

- (UIImage *)imageWithOverlayColor:(UIColor *)color
{
    CGRect rect = CGRectMake(0.0f, 0.0f, self.size.width, self.size.height);

    if (UIGraphicsBeginImageContextWithOptions) {
        CGFloat imageScale = 1.0f;
        if ([self respondsToSelector:@selector(scale)])
            imageScale = self.scale;
        UIGraphicsBeginImageContextWithOptions(self.size, NO, imageScale);
    }
    else {
        UIGraphicsBeginImageContext(self.size);
    }

    [self drawInRect:rect];

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetBlendMode(context, kCGBlendModeSourceIn);

    CGContextSetFillColorWithColor(context, color.CGColor);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}

@end




#import "iOS7backButton.h"

@implementation iOS7BackButton

-(void)awakeFromNib
{
    [super awakeFromNib];

    BOOL is6=([[[UIDevice currentDevice] systemVersion] floatValue] <7);
    UIImage *backBtnImage = [[UIImage imageNamed:@"backArrow"] imageWithOverlayColor:self.titleLabel.textColor];
    [self setImage:backBtnImage forState:UIControlStateNormal];
    [self setTitleEdgeInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
    [self setImageEdgeInsets:UIEdgeInsetsMake(0, is6?0:-10, 0, 0)];


}


+ (UIButton*) buttonWithTitle:(NSString*)btnTitle andTintColor:(UIColor*)color {
    BOOL is6=([[[UIDevice currentDevice] systemVersion] floatValue] <7);
    UIButton *backBtn=[[UIButton alloc] initWithFrame:CGRectMake(0, 0, 60, 30)];
    UIImage *backBtnImage = [[UIImage imageNamed:@"backArrow"] imageWithOverlayColor:color];
    [backBtn setImage:backBtnImage forState:UIControlStateNormal];
    [backBtn setTitleEdgeInsets:UIEdgeInsetsMake(0, is6?5:-5, 0, 0)];
    [backBtn setImageEdgeInsets:UIEdgeInsetsMake(0, is6?0:-10, 0, 0)];
    [backBtn setTitle:btnTitle forState:UIControlStateNormal];
    [backBtn setTitleColor:color /*#007aff*/ forState:UIControlStateNormal];

    return backBtn;
}

@end

Si vous souhaitez modifier uniquement la flèche arrière MAIS sur l'ensemble de l'application, procédez comme suit:

[[NSClassFromString(@"_UINavigationBarBackIndicatorView") appearance] 
  setTintColor:[UIColor colorWithHexString: @"#f00000"]];

Dans iOS 7, vous pouvez insérer la ligne de code suivante application:didFinishLaunchingWithOptions:dans votre AppDelegate.mfichier:

[[UINavigationBar appearance] setTintColor:myColor];

Définissez myColorla couleur que vous souhaitez que le bouton de retour soit dans toute l'application. Pas besoin de le mettre dans chaque fichier.

Swift 2.0: Coloration de la barre de navigation et des boutons

navigationController?.navigationBar.barTintColor = UIColor.blueColor()
navigationController?.navigationBar.tintColor = UIColor.whiteColor()
navigationController!.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.whiteColor()]

Dans Swift 3, pour changer la couleur de la flèche du bouton de retour UIBarButton

self.navigationController?.navigationBar.tintColor = UIColor.black