Come cambiare il colore della barra di navigazione in iOS 7?

Come posso cambiare il colore della barra di navigazione in iOS 7?

Fondamentalmente voglio ottenere qualcosa come la barra di navigazione di Twitter (Twitter aggiornato per iOS7questo è). Ho incorporato una barra di navigazione in cima a view controller. Tutto quello che voglio è cambiare il colore della barra di navigazione in azzurro insieme alla barra delle utilità in alto. Non riesco a trovare un'opzione nel mio storyboard.

Il comportamento di tintColorfor bars è cambiato in iOS 7.0. Non influisce più sullo sfondo della barra.

Dalla documentazione:

Riferimento della classe barTintColor

Il colore della tinta da applicare allo sfondo della barra di navigazione.

@property(nonatomic, retain) UIColor *barTintColor

Discussione
Questo colore è reso traslucido per impostazione predefinita a meno che non si imposti la proprietà traslucida su NO.

Disponibilità

Disponibile in iOS 7.0 e versioni successive.

Dichiarato in
UINavigationBar.h

Codice

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];
}

Possiamo anche usarlo per controllare la versione di iOS come menzionato nella Guida alla transizione dell'interfaccia utente di iOS 7

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;
    }

MODIFICA Usando xib

Fare quello che la domanda originale poneva — per ottenere l'aspetto della vecchia barra di navigazione di Twitter, sfondo blu con testo bianco — è molto facile da fare semplicemente usando Interface Builder in Xcode.

• Utilizzando la struttura del documento, selezionare la barra di navigazione.
• In Impostazioni Attributi, nel gruppo Barra di navigazione, cambia lo Stile da Predefinito a Nero. Ciò cambia il colore di sfondo delle barre di navigazione e di stato in nero e il loro testo in bianco. Quindi la batteria e altre icone e testo nella barra di stato appariranno bianchi quando l'app è in esecuzione.
• Nello stesso gruppo della barra di navigazione, cambia la tonalità della barra con il colore che preferisci.
• Se nella barra di navigazione sono presenti elementi del pulsante della barra, questi mostreranno comunque il loro testo nel colore blu predefinito, quindi nell'Ispettore Attributi, gruppo Visualizza, cambia la Tinta in Colore bianco.

Questo dovrebbe darti quello che vuoi. Ecco uno screenshot che renderebbe più semplice vedere dove apportare le modifiche.

Nota che cambiando solo la Tinta della barra non cambia il colore del testo nella barra di navigazione o nella barra di stato. Anche lo stile deve essere modificato.

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

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

In un'app basata sulla navigazione è possibile inserire il codice in AppDelegate. Un codice più dettagliato potrebbe essere:

// 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];

In viewDidLoad, imposta:

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

Cambia ( blueColor) nel colore che desideri.

Per cambiare rapidamente il colore della barra di navigazione:

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

cambia titolo, dimensione, colore:

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

In iOS 7 è necessario utilizzare la proprietà -barTintColor:

navController.navigationBar.barTintColor = [UIColor barColor];

Se vuoi usare un codice esadecimale, ecco il modo migliore per farlo.

Innanzitutto, definiscilo nella parte superiore della tua 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]

Quindi all'interno dell'applicazione "application didFinishLaunchingWithOptions", inserisci questo:

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

Metti il ​​tuo codice esadecimale al posto di 00b0f0.

Se hai bisogno di supportare ios6 e ios7, ottieni quel particolare azzurro usando questo nel tuo 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];
    }
}

In realtà è più facile delle risposte che ho visto qui:

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).

Spero che questo aiuti qualcuno. Non mi sono piaciute le risposte che ho visto. Mi piace mantenere il mio codice il più pulito possibile. Non dire che è sbagliato farlo programmaticamente, ma ci sono persone là fuori come me .... questo è per voi ragazzi.

Per rendere completo il codice di Rajneesh071, potresti anche voler impostare il colore del titolo della barra di navigazione (e il carattere, se lo desideri) poiché il comportamento predefinito è cambiato da iOS 6 a 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];
}

Aggiungi solo questo codice nel tuo ViewContorller o nel tuoAppDelegate

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;
}

In un'applicazione basata sulla navigazione puoi cambiare colore

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]];
    }

Questa domanda e queste risposte sono utili. Con loro sono stato in grado di impostare il colore blu scuro desiderato navigationBarcon il titolo bianco e il testo del pulsante.

Ma dovevo anche cambiare l'orologio, il vettore, la potenza del segnale, ecc. In bianco. Il nero non era abbastanza in contrasto con il blu scuro.

Forse ho trascurato il fatto che la soluzione in una delle risposte precedenti, ma sono stato in grado di fare questo cambiamento con l'aggiunta di questa linea al mio livello superiore viewController's viewDidLoad:

[self.navigationController.navigationBar setBarStyle:UIStatusBarStyleLightContent];

- (void)viewDidLoad
{
    [super viewDidLoad];

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

Per colore:

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

Per immagine

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