Como alterar a cor da barra de navegação no iOS 7?

Como altero a cor da barra de navegação no iOS 7?

Basicamente, quero alcançar algo como a barra de navegação do Twitter (Twitter atualizado para iOS7isso). Eu embuti uma barra de navegação no topo de uma view controller. Tudo o que eu quero é mudar a cor da barra de navegação para azul claro junto com a barra de utilitário na parte superior. Não consigo encontrar uma opção no meu storyboard.

O comportamento de tintColorpara barras mudou no iOS 7.0. Não afeta mais o fundo da barra.

A partir da documentação:

Referência da classe barTintColor

A cor da tonalidade a ser aplicada ao fundo da barra de navegação.

@property(nonatomic, retain) UIColor *barTintColor

Discussão
Essa cor é translúcida por padrão, a menos que você defina a propriedade translúcida como NO.

Disponibilidade

Disponível no iOS 7.0 e posterior.

Declarado em
UINavigationBar.h

Código

NSArray *ver = [[UIDevice currentDevice].systemVersion componentsSeparatedByString:@"."];
if ([[ver objectAtIndex:0] intValue] >= 7) {
    // iOS 7.0 or later   
    self.navigationController.navigationBar.barTintColor = [UIColor redColor];
    self.navigationController.navigationBar.translucent = NO;
}else {
    // iOS 6.1 or earlier
    self.navigationController.navigationBar.tintColor = [UIColor redColor];
}

Também podemos usar isso para verificar a versão do iOS como mencionado no iOS 7 UI Transition Guide

if (floor(NSFoundationVersionNumber) <= NSFoundationVersionNumber_iOS_6_1) {
        // iOS 6.1 or earlier
        self.navigationController.navigationBar.tintColor = [UIColor redColor];
    } else {
        // iOS 7.0 or later     
        self.navigationController.navigationBar.barTintColor = [UIColor redColor];
        self.navigationController.navigationBar.translucent = NO;
    }

EDITAR Usando xib

É muito fácil fazer o que a pergunta original - para obter a aparência da antiga barra de navegação do Twitter, fundo azul com texto em branco - é muito fácil, basta usar o Interface Builder no Xcode.

• Usando o esquema do documento, selecione sua barra de navegação.
• No Inspetor de Atributos, no grupo Barra de Navegação, altere o Estilo de Padrão para Preto. Isso altera a cor de fundo das barras de Navegação e Status para preto e o texto para branco. Portanto, a bateria e outros ícones e texto na barra de status ficarão brancos quando o aplicativo estiver em execução.
• No mesmo grupo Barra de Navegação, altere a Tonalidade da Barra para a cor de sua preferência.
• Se você tiver itens de botão de barra na barra de navegação, eles ainda mostrarão o texto na cor azul padrão; portanto, no Inspetor de atributos, grupo Exibir, altere o Tonalidade para Cor branca.

Isso deve fazer com que você queira. Aqui está uma captura de tela que facilitaria ver onde fazer as alterações.

Observe que alterar apenas a tonalidade da barra não altera a cor do texto na barra de navegação ou na barra de status. O estilo também precisa ser alterado.

self.navigationBar.barTintColor = [UIColor blueColor];
self.navigationBar.tintColor = [UIColor whiteColor];
self.navigationBar.translucent = NO;

// *barTintColor* sets the background color
// *tintColor* sets the buttons color

Em um aplicativo baseado em navegação, você pode colocar o código no AppDelegate. Um código mais detalhado pode ser:

// Navigation bar appearance (background and title)

[[UINavigationBar appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor titleColor], NSForegroundColorAttributeName, [UIFont fontWithName:@"FontNAme" size:titleSize], NSFontAttributeName, nil]];

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

// Navigation bar buttons appearance

[[UIBarButtonItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor textBarColor], NSForegroundColorAttributeName, shadowColor, NSShadowAttributeName, [UIFont fontWithName:@"FontName" size:titleSize], NSFontAttributeName, nil];

Em viewDidLoad, defina:

    self.navigationController.navigationBar.barTintColor = [UIColor blueColor];

Mude ( blueColor) para a cor que desejar.

Para mudar rapidamente a cor da barra de navegação:

self.navigationController?.navigationBar.barTintColor = UIColor.red

alterar fonte, tamanho e cor do título:

self.title = "title"
self.navigationController?.navigationBar.titleTextAttributes = [
        NSAttributedString.Key.foregroundColor : UIColor.white,
        NSAttributedString.Key.font : UIFont(name: "Futura", size: 30)!
    ]

No iOS 7, você deve usar a propriedade -barTintColor:

navController.navigationBar.barTintColor = [UIColor barColor];

Se você deseja usar um código hexadecimal, aqui está a melhor maneira de fazer isso.

Primeiro, defina isso no topo da sua classe:

#define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]

Em seguida, dentro do "aplicativo didFinishLaunchingWithOptions", coloque isso:

[[UINavigationBar appearance] setBarTintColor:UIColorFromRGB(0x00b0f0)];

Coloque seu código hexadecimal no lugar do 00b0f0.

Se você precisar oferecer suporte ao ios6 e ios7, obterá esse azul claro específico usando isso no seu UIViewController :

- (void)viewDidLoad {
    [super viewDidLoad];
    NSArray *ver = [[UIDevice currentDevice].systemVersion componentsSeparatedByString:@"."];
    if ([[ver objectAtIndex:0] intValue] >= 7) {
        self.navigationController.navigationBar.barTintColor = [UIColor colorWithRed:89/255.0f green:174/255.0f blue:235/255.0f alpha:1.0f];
        self.navigationController.navigationBar.translucent = NO;
    }else{
        self.navigationController.navigationBar.tintColor = [UIColor colorWithRed:89/255.0f green:174/255.0f blue:235/255.0f alpha:1.0f];
    }
}

Na verdade, é mais fácil do que as respostas que eu vi aqui:

1) Just make sure you select the navigation bar on the Navigation control. 
2) Select the color you want in the bar tint.
3) You have other options too, and/or individually on each view (just play with it).

Espero que isso ajude alguém. Não gostei das respostas que vi. Eu gosto de manter meu código o mais limpo possível. Não estou dizendo que é errado fazer isso de forma programática, mas há pessoas por aí como eu ... isso é para vocês.

Para completar o código de Rajneesh071, você também pode definir a cor do título da barra de navegação (e a fonte, se desejar), pois o comportamento padrão foi alterado do iOS 6 para 7:

NSArray *ver = [[UIDevice currentDevice].systemVersion componentsSeparatedByString:@"."];
if ([[ver objectAtIndex:0] intValue] >= 7)
{
    self.navigationController.navigationBar.barTintColor = [UIColor blackColor];
    self.navigationController.navigationBar.translucent = NO;
    NSMutableDictionary *textAttributes = [[NSMutableDictionary alloc] initWithDictionary:mainNavController.navigationBar.titleTextAttributes];
    [textAttributes setValue:[UIColor whiteColor] forKey:UITextAttributeTextColor];
    self.navigationController.navigationBar.titleTextAttributes = textAttributes;
}
else
{
    self.navigationController.navigationBar.tintColor = [UIColor blackColor];
}

Adicione apenas este código no seu ViewContorller ou no seuAppDelegate

if([[[UIDevice currentDevice] systemVersion] floatValue] < 7.0)
{
    //This is For iOS6
    [self.navigationController.navigationBar setTintColor:[UIColor yellowColor]];
}
else
{
    //This is For iOS7
    [self.navigationController.navigationBar setBarTintColor:[UIColor yellowColor]];
}

//You could place this code into viewDidLoad
- (void)viewDidLoad
{
    [super viewDidLoad];
    self.navigationController.navigationBar.tintColor = [UIColor redColor];
    //change the nav bar colour
    self.navigationController.view.backgroundColor = [UIColor redColor];
    //change the background colour
    self.navigationController.navigationBar.translucent = NO;
 }   
//Or you can place it into viewDidAppear
- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:(BOOL)animated];
    self.navigationController.navigationBar.tintColor = [UIColor redColor];
    //change the nav bar colour
    self.navigationController.view.backgroundColor = [UIColor redColor];
    //change the background colour
    self.navigationController.navigationBar.translucent = NO;
}

Em um aplicativo baseado em navegação, você pode alterar a cor

NSArray *ver = [[UIDevice currentDevice].systemVersion componentsSeparatedByString:@"."];
if ([[ver objectAtIndex:0] intValue] >= 7) {
    self.navigationController.navigationBar.barTintColor = [UIColor colorWithRed:19.0/255.0 green:86.0/255.0 blue:138.0/255.0 alpha:1];
    self.navigationController.navigationBar.translucent = NO;
} else {
    self.navigationController.navigationBar.tintColor = [UIColor colorWithRed:19.0/255.0 green:86.0/255.0 blue:138.0/255.0 alpha:1];
}

#define _kisiOS7 ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0)


  if (_kisiOS7)
    {
        [[UINavigationBar appearance] setBarTintColor:[UIcolor redcolor]];
    }
    else
    {
        [[UINavigationBar appearance] setBackgroundColor:[UIcolor blackcolor]];
        [[UINavigationBar appearance] setTintColor:[UIcolor graycolor]];
    }

Esta pergunta e essas respostas são úteis. Com eles, fui capaz de definir a cor azul escura desejada navigationBarcom o título branco e o texto do botão.

Mas eu também precisava mudar o relógio, a portadora, a intensidade do sinal etc. para branco. O preto simplesmente não contrastava o suficiente com o azul escuro.

I pode ter esquecido que a solução em uma das respostas anteriores, mas eu era capaz de fazer essa mudança adicionando esta linha ao meu nível superior viewController's viewDidLoad:

[self.navigationController.navigationBar setBarStyle:UIStatusBarStyleLightContent];

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.navigationController.navigationBar.barTintColor = [UIColor blueColor];
}

Para cor:

[[UINavigationBar appearance] setBarTintColor:[UIColor blackColor]];

Para imagem

[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"navigationBar_320X44.png"] forBarMetrics:UIBarMetricsDefault];