iPhone Pasek nawigacji Kolor tekstu tytułu

Wygląda na to, że tytuł tytułu paska nawigacji iOS jest domyślnie biały. Czy istnieje sposób, aby zmienić go na inny kolor?

Zdaję sobie sprawę z navigationItem.titleViewpodejścia wykorzystującego obraz. Ponieważ moje umiejętności projektowania są ograniczone i nie udało mi się uzyskać standardowego połysku, wolę zmienić kolor tekstu.

Wszelkie informacje będą mile widziane.

Nowoczesne podejście

Nowoczesny sposób dla całego kontrolera nawigacyjnego… zrób to raz, gdy załadowany jest widok główny kontrolera nawigacyjnego.

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

Nie wydaje się to jednak mieć wpływu na kolejne widoki.

Klasyczne podejście

Stary sposób na kontroler widoku (te stałe są dla iOS 6, ale jeśli chcesz to zrobić dla kontrolera widoku na wygląd iOS 7, będziesz chciał tego samego podejścia, ale z różnymi stałymi):

Trzeba użyć UILabeljako titleViewz navigationItem.

Etykieta powinna:

• Mają wyraźny kolor tła ( label.backgroundColor = [UIColor clearColor]).
• Użyj pogrubionej czcionki systemowej 20pt ( label.font = [UIFont boldSystemFontOfSize: 20.0f]).
• Mają cień czerni z 50% alfa ( label.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5]).
• Będziesz także chciał ustawić wyrównanie tekstu na wyśrodkowane ( label.textAlignment = NSTextAlignmentCenter( UITextAlignmentCenterdla starszych zestawów SDK).

Ustaw kolor tekstu etykiety na dowolny niestandardowy kolor. Potrzebujesz koloru, który nie powoduje wtopienia się tekstu w cień, co byłoby trudne do odczytania.

Opracowałem to metodą prób i błędów, ale wartości, które wymyśliłem, są ostatecznie zbyt proste, aby nie były tym, co wybrał Apple. :)

Jeśli chcesz to zweryfikować, upuść ten kod initWithNibName:bundle:w próbce NavBarPageThreeViewController.m firmy Apple . Spowoduje to zastąpienie tekstu żółtą etykietą. Powinno to być nie do odróżnienia od oryginalnego kodu Apple'a, z wyjątkiem koloru.

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

Edycja: Przeczytaj także odpowiedź Erika B. Mój kod pokazuje efekt, ale jego kod oferuje prostszy sposób na umieszczenie go w istniejącym kontrolerze widoku.

Wiem, że jest to dość stary wątek, ale myślę, że warto byłoby wiedzieć dla nowych użytkowników, że iOS 5 wprowadza nową właściwość do ustalania właściwości tytułu.

Możesz użyć paska narzędzi UINavigation setTitleTextAttributesdo ustawienia czcionki, koloru, przesunięcia i koloru cienia.

Ponadto możesz ustawić te same domyślne atrybuty tekstu tytułu UINavigationBar dla wszystkich UINavigationBarsaplikacji.

Na przykład tak:

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

[[UINavigationBar appearance] setTitleTextAttributes:navbarTitleTextAttributes];

W iOS 5 możesz zmienić kolor tytułu paska nawigacji w następujący sposób:

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

Na podstawie odpowiedzi Stevena Fishera napisałem ten fragment kodu:

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

Zaletą tego kodu, oprócz poprawnego obchodzenia się z ramką, jest to, że jeśli zmienisz tytuł kontrolera, niestandardowy widok tytułu również zostanie zaktualizowany. Nie ma potrzeby ręcznej aktualizacji.

Kolejną dużą zaletą jest to, że bardzo łatwo można włączyć niestandardowy kolor tytułu. Wszystko, co musisz zrobić, to dodać tę metodę do kontrolera.

Większość powyższych sugestii jest już nieaktualna, w przypadku systemu iOS 7 -

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

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

Sprawdź także NSAttributString.h pod kątem różnych właściwości tekstu, które można ustawić.

W iOS 7 i 8 możesz zmienić kolor tytułu, powiedzmy zielony

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

Aby pytanie było aktualne, dodam rozwiązanie Alex RR , ale w Swift :

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

Które wyniki:

Metoda 1 , ustaw ją w IB:

Metoda 2 , jeden wiersz kodu:

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

Rozwiązanie firmy tewha działa dobrze, jeśli próbujesz zmienić kolor na stronie, ale chcę mieć możliwość zmiany koloru na każdej stronie. Wprowadziłem małe modyfikacje, aby działały na wszystkich stronachUINavigationController

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

Począwszy od iOS 5, musimy ustawić kolor tekstu czcionki i czcionkę paska nawigacyjnego za pomocą TitleTextAttribute Dictionary (predefiniowany słownik w odwołaniu do klasy kontrolera UInavigation).

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

Szybka wersja

Odkryłem, że większość z was przedstawiła odpowiedzi na wersję Objective_C

Chciałbym zaimplementować tę funkcję, używając Swift dla każdego, kto jej potrzebuje.

W ViewDidload

1.Aby kolor tła paska nawigacyjnego stał się kolorowy (na przykład NIEBIESKI)

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

2. Aby tło paska nawigacyjnego zmieniło się w Obraz (na przykład: ABC.png)

let barMetrix = UIBarMetrics(rawValue: 0)!

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

3. Aby zmienić tytuł paska nawigacji (na przykład: [Czcionka: Futura, 10] [Kolor: Czerwony])

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

(wskazówka 1: nie zapomnij znaku „!” po UIFont)

(wskazówka 2: istnieje wiele atrybutów tekstu tytułowego, kliknij polecenie „NSFontAttributeName”, aby wprowadzić klasę i wyświetlić nazwy kluczy oraz wymagane typy obiektów)

Mam nadzieję, że mogę pomóc!: D

Użyj poniższego kodu w dowolnej metodzie viewDidLoad lub viewWillAppear kontrolera widoku.

- (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.
}

Krótkie i słodkie.

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

To jest moje rozwiązanie oparte na Stevensie

Jedyną prawdziwą różnicą jest to, że wprowadzam pewne zmiany w dostosowywaniu pozycji, jeśli w zależności od długości tekstu wydaje się być podobny do sposobu, w jaki robi to jabłko

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

Możesz dostosować wartość 10 w zależności od rozmiaru czcionki

Wystąpił problem z moimi przyciskami nawigacyjnymi wyrzucającymi tekst poza środek (gdy masz tylko jeden przycisk). Aby to naprawić, właśnie zmieniłem rozmiar ramki tak:

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

Dostosowałem obraz tła paska nawigacji i element lewego przycisku, a szary tytuł nie pasuje do tła. Następnie używam:

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

zmienić kolor odcienia na szary. A tytuł jest teraz biały! To jest to czego chce.

Mam nadzieję również pomóc :)

Zalecane jest ustawienie self.title, ponieważ jest on używany podczas przesuwania dziecięcych pasków nawigacyjnych lub pokazywania tytułu na paskach.

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

To dość stary wątek, ale myślę o udzieleniu odpowiedzi na ustawienie koloru, rozmiaru i pozycji pionowej tytułu paska nawigacji dla systemu iOS 7 i nowszych

Dla koloru i rozmiaru

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

Do pozycji pionowej

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

Ustaw tytuł i przypisz słownik atrybutów

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

To działa dla mnie w Swift:

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

Wersja Swift 4 i 4.2:

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

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

aby ustawić rozmiar czcionki tytułu użyłem następujących warunków .. może być pomocny dla każdego

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

Aktualizacja posta Alexa RR przy użyciu nowych atrybutów tekstowych iOS 7 i nowoczesnego celu c w celu zmniejszenia hałasu:

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

Uważam, że właściwym sposobem ustawienia koloru UINavigationBarjest:

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

Powyższy kod jest napisany w podklasie UINavigationBar, oczywiście działa również bez tej podklasy.

Użyj tego do obsługi Orientacji

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

To jedna z tych rzeczy, których brakuje. Najlepszym rozwiązaniem jest utworzenie własnego paska nawigacji, dodanie pola tekstowego i manipulowanie w ten sposób kolorem.

Po napotkaniu tego samego problemu (jak inni) na etykiecie, która porusza się po wstawieniu przycisku w pasku nawigacyjnym (w moim przypadku mam pokrętło, które zastępuję przyciskiem po załadowaniu daty), powyższe rozwiązania nie działały dla mnie, więc oto, co działało i utrzymywało etykietę w tym samym miejscu przez cały czas:

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

Powinieneś wywołać [label sizeToFit]; po ustawieniu tekstu, aby zapobiec dziwnym przesunięciom, gdy etykieta jest automatycznie zmieniana w widoku tytułowym, gdy inne przyciski zajmują pasek nawigacyjny.

Może korzystać z tej metody w pliku appdelegate i może być używany w każdym widoku

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

titleTextAttributes Wyświetl atrybuty tekstu tytułu paska.

@property (nonatomic, kopia) NSDictionary * titleTextAttributes Dyskusja Możesz określić czcionkę, kolor tekstu, kolor cienia tekstu i przesunięcie cienia tekstu dla tytułu w słowniku atrybutów tekstu, używając kluczy atrybutów tekstu opisanych w NSString UIKit Additions Reference.

Dostępność Dostępne w iOS 5.0 i nowszych. Zadeklarowano w UINavigationBar.h