iPhone Barre de navigation couleur du texte Titre

approche moderne

La façon moderne, pour le contrôleur de navigation ensemble ... faire une fois, lorsque la vue racine de votre contrôleur de navigation est chargé.

[self.navigationController.navigationBar setTitleTextAttributes:
   @{NSForegroundColorAttributeName:[UIColor yellowColor]}];

Cependant, cela ne semble pas avoir un effet dans les vues suivantes.

approche classique

L'ancienne façon, par contrôleur de vue (ces constantes sont pour iOS 6, mais si vous voulez le faire par contrôleur de vue sur l'apparence iOS 7, vous aurez envie de la même approche, mais avec des constantes différentes):

Vous devez utiliser un UILabelcomme titleViewde la navigationItem.

L'étiquette doit:

• Avoir une couleur de fond clair ( label.backgroundColor = [UIColor clearColor]).
• Utiliser la police du système 20pt gras ( label.font = [UIFont boldSystemFontOfSize: 20.0f]).
• Avoir une ombre de noir avec 50% d' alpha ( label.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5]).
• Vous souhaitez définir l'alignement du texte sur Centré ainsi ( label.textAlignment = NSTextAlignmentCenter( UITextAlignmentCenterpour SDKs plus).

Définissez la couleur du texte de l'étiquette pour être quelle couleur personnalisée que vous souhaitez. Vous ne voulez une couleur qui ne provoque pas le texte de se fondre dans l'ombre, ce qui serait difficile à lire.

J'ai travaillé ceci par essais et erreurs, mais les valeurs que je suis venu avec sont finalement trop simple pour eux de ne pas être ce que Apple a pris. :)

Si vous voulez vérifier, laissez tomber ce code dans initWithNibName:bundle:dans PageThreeViewController.mde l'échantillon de NavBar d'Apple . Cela remplacera le texte avec une étiquette jaune. Ce de l'original devrait être impossible à distinguer par le code produit d'Apple, à l' exception de la couleur.

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self)
    {
        // this will appear as the title in the navigation bar
        UILabel *label = [[[UILabel alloc] initWithFrame:CGRectZero] autorelease];
        label.backgroundColor = [UIColor clearColor];
        label.font = [UIFont boldSystemFontOfSize:20.0];
        label.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5];
        label.textAlignment = NSTextAlignmentCenter;
                           // ^-Use UITextAlignmentCenter for older SDKs.
        label.textColor = [UIColor yellowColor]; // change this color
        self.navigationItem.titleView = label;
        label.text = NSLocalizedString(@"PageThreeTitle", @"");
        [label sizeToFit];
    }

    return self;
}

Edit: De plus, lisez la réponse de Erik B ci-dessous. Mon code montre l'effet, mais son code offre un moyen plus simple de laisser tomber ce en place sur un contrôleur de vue existante.

Je sais que c'est un fil assez vieux, mais je pense qu'il serait utile de savoir pour les nouveaux utilisateurs que iOS 5 apporte une nouvelle propriété pour établir les propriétés du titre.

Vous pouvez utiliser UINavigationBar de setTitleTextAttributespour définir la police, la couleur, l' offset et l' ombre de couleur.

En outre , vous pouvez définir le même défaut du texte Titre de UINavigationBar Attributs pour tout le UINavigationBarslong de votre application.

Par exemple comme ceci:

NSDictionary *navbarTitleTextAttributes = [NSDictionary dictionaryWithObjectsAndKeys:
                                            [UIColor whiteColor],UITextAttributeTextColor, 
                                            [UIColor blackColor], UITextAttributeTextShadowColor, 
                                            [NSValue valueWithUIOffset:UIOffsetMake(-1, 0)], UITextAttributeTextShadowOffset, nil];

[[UINavigationBar appearance] setTitleTextAttributes:navbarTitleTextAttributes];

Dans iOS 5, vous pouvez changer la couleur du titre navigationBar de cette manière:

navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName: [UIColor yellowColor]};

Sur la base de la réponse de Steven Fisher j'ai écrit ce morceau de code:

- (void)setTitle:(NSString *)title
{
    [super setTitle:title];
    UILabel *titleView = (UILabel *)self.navigationItem.titleView;
    if (!titleView) {
        titleView = [[UILabel alloc] initWithFrame:CGRectZero];
        titleView.backgroundColor = [UIColor clearColor];
        titleView.font = [UIFont boldSystemFontOfSize:20.0];
        titleView.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5];

        titleView.textColor = [UIColor yellowColor]; // Change to desired color

        self.navigationItem.titleView = titleView;
        [titleView release];
    }
    titleView.text = title;
    [titleView sizeToFit];
}

L'avantage de ce code, en plus de traiter correctement le cadre, est que si vous changez le titre de votre contrôleur la vue du titre personnalisé sera également mis à jour se. Pas besoin de mettre à jour manuellement.

Un autre grand avantage est que cela rend très simple pour activer les couleurs de titre personnalisé. Tout ce que vous devez faire est d'ajouter cette méthode au contrôleur.

La plupart des suggestions ci-dessus sont déconseillés maintenant, pour iOS 7 -

NSDictionary *textAttributes = [NSDictionary dictionaryWithObjectsAndKeys: 
                               [UIColor whiteColor],NSForegroundColorAttributeName, 
                               [UIColor whiteColor],NSBackgroundColorAttributeName,nil];

self.navigationController.navigationBar.titleTextAttributes = textAttributes;
self.title = @"Title of the Page";

En outre, la caisse NSAttributedString.h pour diverses propriétés du texte qui pourraient être définies.

Dans iOS 7 et 8, vous pouvez changer de dire la couleur verte du titre de laisser

self.navigationController.navigationBar.titleTextAttributes = [NSDictionary dictionaryWithObject:[UIColor greenColor] forKey:NSForegroundColorAttributeName];

Pour garder la question mise à jour, je vais ajouter Alex RR solution, mais dans Swift :

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

Quels sont les résultats à:

Méthode 1 , il occupe IB:

Méthode 2 , une ligne de code:

navigationController?.navigationBar.barTintColor = UIColor.blackColor()

A partir de iOS 5 partir, nous devons définir la couleur du texte du titre et la police de la barre de navigation à l'aide titleTextAttribute Dictionary (dictionnaire prédéfini en référence de classe contrôleur UInavigation).

 [[UINavigationBar appearance] setTitleTextAttributes:
 [NSDictionary dictionaryWithObjectsAndKeys:
  [UIColor blackColor],UITextAttributeTextColor, 
[UIFont fontWithName:@"ArialMT" size:16.0], UITextAttributeFont,nil]];

La solution par tewha fonctionne bien si vous essayez de changer la couleur sur une page, mais je veux être en mesure de changer la couleur sur chaque page. J'ai fait quelques petites modifications afin qu'il travaillerait pour toutes les pages d'unUINavigationController

NavigationDelegate.h

//This will change the color of the navigation bar
#import <Foundation/Foundation.h>
@interface NavigationDelegate : NSObject<UINavigationControllerDelegate> {
}
@end

NavigationDelegate.m

#import "NavigationDelegate.h"
@implementation NavigationDelegate

- (void)navigationController:(UINavigationController *)navigationController 
      willShowViewController:(UIViewController *)viewController animated:(BOOL)animated{
    CGRect frame = CGRectMake(0, 0, 200, 44);//TODO: Can we get the size of the text?
    UILabel* label = [[[UILabel alloc] initWithFrame:frame] autorelease];
    label.backgroundColor = [UIColor clearColor];
    label.font = [UIFont boldSystemFontOfSize:20.0];
    label.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5];
    label.textAlignment = UITextAlignmentCenter;
    label.textColor = [UIColor yellowColor];
    //The two lines below are the only ones that have changed
    label.text=viewController.title;
    viewController.navigationItem.titleView = label;
}
@end

Swift version

J'ai trouvé la plupart des gars vous a présenté les réponses de la version Objective_C

Je voudrais mettre en œuvre cette fonction en utilisant Swift pour tous ceux qui en ont besoin.

en viewDidLoad

1.To faire fond NavigationBar devient couleur (par exemple: BLUE)

self.navigationController?.navigationBar.barTintColor = UIColor.blueColor()

2.To faire fond NavigationBar devient l'image (par exemple: ABC.png)

let barMetrix = UIBarMetrics(rawValue: 0)!

self.navigationController?.navigationBar
      .setBackgroundImage(UIImage(named: "ABC"), forBarMetrics: barMetrix)

3.To Changer le titre NavigationBar (par exemple: [la police: Futura, 10] [Couleur: Rouge])

navigationController?.navigationBar.titleTextAttributes = [
            NSForegroundColorAttributeName : UIColor.redColor(),
            NSFontAttributeName : UIFont(name: "Futura", size: 10)!
        ]

(Hint1: « » ne pas oublier la marque après la UIFont)

(Hint2: il y a beaucoup d'attributs du texte du titre, le commande Cliquez sur vous pouvez entrer « NSFontAttributeName » les noms clés de classe et afficher et les types d'objets dont ils avaient besoin)

J'espère que je peux aider: D

Utiliser le code ci-dessous dans un contrôleur de vue viewDidLoad ou procédé viewWillAppear.

- (void)viewDidLoad
{
    [super viewDidLoad];

    //I am using UIColor yellowColor for an example but you can use whatever color you like   
    self.navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName: [UIColor yellowColor]};

    //change the title here to whatever you like
    self.title = @"Home";
    // Do any additional setup after loading the view.
}

Court et doux.

[[[self navigationController] navigationBar] setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor redColor]}];

Ceci est ma solution basée sur Stevens

La seule différence réelle est que je mets un peu dans la manipulation pour régler la position si en fonction de la longueur du texte, semble être similaire à la façon dont Apple faire

UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(([self.title length] < 10 ? UITextAlignmentCenter : UITextAlignmentLeft), 0, 480,44)];
titleLabel.backgroundColor = [UIColor clearColor];
titleLabel.font = [UIFont boldSystemFontOfSize: 20.0f];
titleLabel.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5];
titleLabel.textAlignment = ([self.title length] < 10 ? UITextAlignmentCenter : UITextAlignmentLeft);
titleLabel.textColor = [UIColor redColor];
titleLabel.text = self.title;
self.navigationItem.titleView = titleLabel;
[titleLabel release];

Vous pouvez ajuster la valeur 10 en fonction de votre taille de la police

Ceci est un sujet assez vieux mais je pense que de fournir réponse à la mise en couleur, la taille et la position verticale de la barre de navigation Titre pour iOS 7 et au-dessus

Pour Couleur et taille

 NSDictionary *titleAttributes =@{
                                NSFontAttributeName :[UIFont fontWithName:@"Helvetica-Bold" size:14.0],
                                NSForegroundColorAttributeName : [UIColor whiteColor]
                                };

Pour la position verticale

[[UINavigationBar appearance] setTitleVerticalPositionAdjustment:-10.0 forBarMetrics:UIBarMetricsDefault];

Pour le titre et attribuer le dictionnaire attributs

[[self navigationItem] setTitle:@"CLUBHOUSE"];
self.navigationController.navigationBar.titleTextAttributes = titleAttributes;

Il est recommandé de définir self.title comme cela est utilisé tout en poussant navbars enfants ou montrant le titre sur tabbars.

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // create and customize title view
        self.title = NSLocalizedString(@"My Custom Title", @"");
        UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectZero];
        titleLabel.text = self.title;
        titleLabel.font = [UIFont boldSystemFontOfSize:16];
        titleLabel.backgroundColor = [UIColor clearColor];
        titleLabel.textColor = [UIColor whiteColor];
        [titleLabel sizeToFit];
        self.navigationItem.titleView = titleLabel;
        [titleLabel release];
    }
}

J'ai personnalisé l'image d'arrière-plan de l'navigationBar et l'élément de bouton gauche, et le titre gris correspondait pas à l'arrière-plan. Puis-je utiliser:

[self.navigationBar setTintColor:[UIColor darkGrayColor]];

pour changer la couleur de gris de teinte. Et le titre est blanc maintenant! C'est ce que je veux.

Nous espérons également aider :)

Je suis tombé sur le problème avec mes boutons de nav jeter le texte en dehors du centre (lorsque vous avez un seul bouton). Pour résoudre ce problème, je viens de changer ma taille de cadre comme ceci:

CGRect frame = CGRectMake(0, 0, [self.title sizeWithFont:[UIFont boldSystemFontOfSize:20.0]].width, 44);

Cela fonctionne pour moi à Swift:

navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName:UIColor.white]

Utilisez comme celui-ci pour le soutien d'orientation

    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0,0,320,40)];
 [view setBackgroundColor:[UIColor clearColor]];
 [view setAutoresizingMask:UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight ];

 UILabel *nameLabel = [[UILabel alloc] init];
 [nameLabel setFrame:CGRectMake(0, 0, 320, 40)];
 [nameLabel setBackgroundColor:[UIColor clearColor]];
 [nameLabel setAutoresizingMask:UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin |UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin];
 [nameLabel setTextColor:[UIColor whiteColor]];
 [nameLabel setFont:[UIFont boldSystemFontOfSize:17]];
  [nameLabel setText:titleString];
 [nameLabel setTextAlignment:UITextAlignmentCenter];
 [view addSubview:nameLabel];
 [nameLabel release];
 self.navigationItem.titleView = view;
 [view release];

Une mise à jour au poste de Alex RR en utilisant les nouveaux iOS 7 attributs de texte et objectif moderne c pour moins de bruit:

NSShadow *titleShadow = [[NSShadow alloc] init];
titleShadow.shadowColor = [UIColor blackColor];
titleShadow.shadowOffset = CGSizeMake(-1, 0);
NSDictionary *navbarTitleTextAttributes = @{NSForegroundColorAttributeName:[UIColor whiteColor],
                                            NSShadowAttributeName:titleShadow};

[[UINavigationBar appearance] setTitleTextAttributes:navbarTitleTextAttributes];

pour définir la taille de police du titre que j'ai utilisé les conditions suivantes .. peut-être helpfull à personne

if ([currentTitle length]>24) msize = 10.0f;
    else if ([currentTitle length]>16) msize = 14.0f;
    else if ([currentTitle length]>12) msize = 18.0f;

Je ne crois bonne façon de définir la couleur de UINavigationBar est:

NSDictionary *attributes=[NSDictionary dictionaryWithObjectsAndKeys:[UIColor redColor],UITextAttributeTextColor, nil];
self.titleTextAttributes = attributes;

Code ci-dessus est écrit est sous-classe sur UINavigationBar, fonctionne évidemment sans sous-classement aussi.

Après avoir rencontré le même problème (comme d'autres) de l'étiquette qui se déplace lorsque l'on insère un bouton dans la barre de navigation (dans mon cas j'ai une fileuse que je remplacerai avec un bouton lorsque la date est chargée), les solutions ci-dessus ne fonctionnent pas pour moi, voici donc ce qui a fonctionné et a gardé l'étiquette au même endroit tout le temps:

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self)
{
    // this will appear as the title in the navigation bar
    //CGRect frame = CGRectMake(0, 0, [self.title sizeWithFont:[UIFont boldSystemFontOfSize:20.0]].width, 44);
   CGRect frame = CGRectMake(0, 0, 180, 44);
    UILabel *label = [[[UILabel alloc] initWithFrame:frame] autorelease];



    label.backgroundColor = [UIColor clearColor];
    label.font = [UIFont boldSystemFontOfSize:20.0];
    label.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5];
    label.textAlignment = UITextAlignmentCenter;
    label.textColor = [UIColor yellowColor];
    self.navigationItem.titleView = label;
    label.text = NSLocalizedString(@"Latest Questions", @"");
    [label sizeToFit];
}

return self;

C'est une de ces choses qui manquent. Votre meilleur pari est de créer votre propre barre de navigation personnalisée, ajoutez une zone de texte, et de manipuler la couleur de cette façon.

 self.navigationItem.title=@"Extras";
    [self.navigationController.navigationBar setTitleTextAttributes:
     [NSDictionary dictionaryWithObjectsAndKeys:[UIFont fontWithName:@"HelveticaNeue" size:21],
      NSFontAttributeName,[UIColor whiteColor],UITextAttributeTextColor,nil]];

titleTextAttributes Attributs d'affichage pour le texte du titre de la barre.

@property (nonatomic, copie) NSDictionary * titleTextAttributes Discussion Vous pouvez spécifier la police, la couleur du texte, la couleur d'ombre du texte, et l'ombre de texte décalé pour le titre dans le texte attributs dictionnaire, à l'aide des clés d'attributs de texte décrits dans NSString UIKit Additions Référence.

Disponibilité Disponible dans iOS 5.0 et versions ultérieures. Déclaré en UINavigationBar.h

Peut utiliser cette méthode dans le fichier appdelegate et peut utiliser à chaque vue

+(UILabel *) navigationTitleLable:(NSString *)title
{
CGRect frame = CGRectMake(0, 0, 165, 44);
UILabel *label = [[[UILabel alloc] initWithFrame:frame] autorelease];
label.backgroundColor = [UIColor clearColor];
label.font = NAVIGATION_TITLE_LABLE_SIZE;
label.shadowColor = [UIColor whiteColor];
label.numberOfLines = 2;
label.lineBreakMode = UILineBreakModeTailTruncation;    
label.textAlignment = UITextAlignmentCenter;
[label setShadowOffset:CGSizeMake(0,1)]; 
label.textColor = [UIColor colorWithRed:51/255.0 green:51/255.0 blue:51/255.0 alpha:1.0];

//label.text = NSLocalizedString(title, @"");

return label;
}

Vous devez appeler [label sizeToFit]; après avoir réglé le texte pour éviter des décalages étranges lorsque l'étiquette est automatiquement repositionné dans la vue du titre lorsque les autres boutons occupent la barre de navigation.

Swift 4 Version:

self.navigationController.navigationBar.titleTextAttributes = [
        NSAttributedStringKey.foregroundColor: UIColor.green]

J'utilise ci-dessous le code pour l'iOS 9 et son beau travail pour moi. J'utiliser aussi la couleur de l'ombre pour le titre.

self.navigationItem.title = @"MY NAV TITLE";
self.navigationController.navigationBar.barTintColor = [UIColor redColor];
self.navigationController.navigationBar.translucent = NO;
NSShadow *shadow = [[NSShadow alloc] init];
shadow.shadowColor = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.8];
shadow.shadowOffset = CGSizeMake(0, 1);
[self.navigationController.navigationBar setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys:
                                                       [UIColor colorWithRed:245.0/255.0 green:245.0/255.0 blue:245.0/255.0 alpha:1.0], NSForegroundColorAttributeName,
                                                       shadow, NSShadowAttributeName,
                                                       [UIFont fontWithName:@"HelveticaNeue-Light" size:21.0], NSFontAttributeName, nil]];

Puisse cela vous aider.

Merci

Afin de faire une grande solution d'Erik B plus utilisable à travers les différentes UIVIewCOntrollers de votre application, je vous recommande d'ajouter une catégorie pour UIViewController et déclarer son setTitle: méthode de titre à l'intérieur. Comme cela, vous obtiendrez le changement de couleur du titre sur tous les contrôleurs de vue sans qu'il soit nécessaire de double emploi.

Une chose à noter est que si vous n'avez pas besoin [super SETTITLE: tilte]; dans le code d'Erik et que vous aurez besoin d'appeler explicitement self.title = @ « mon nouveau titre » dans votre vue des contrôleurs pour cette méthode à appeler

@implementation UIViewController (CustomeTitleColor)

- (void)setTitle:(NSString *)title
{
    UILabel *titleView = (UILabel *)self.navigationItem.titleView;
    if (!titleView) {
        titleView = [[UILabel alloc] initWithFrame:CGRectZero];
        titleView.backgroundColor = [UIColor clearColor];
        titleView.font = [UIFont boldSystemFontOfSize:20.0];
        titleView.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5];

        titleView.textColor = [UIColor blueColor]; // Change to desired color

        self.navigationItem.titleView = titleView;
        [titleView release];
    }
    titleView.text = title;
    [titleView sizeToFit];
}

@fin