Колір тексту заголовка навігаційної панелі iPhone

Здається, колір заголовка панелі навігації iOS за замовчуванням білий. Чи є спосіб змінити його на інший колір?

Мені відомо про navigationItem.titleViewпідхід із використанням зображення. Оскільки мої навички дизайну обмежені, і мені не вдалося отримати стандартний глянцевий, я вважаю за краще змінити колір тексту.

Будь-яке розуміння було б дуже вдячно.

Сучасний підхід

Сучасний спосіб для всього навігаційного контролера ... зробіть це один раз, коли завантажується кореневий вигляд вашого навігаційного контролера.

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

Однак це, мабуть, не впливає на наступні погляди.

Класичний підхід

Старий спосіб, за контролером перегляду (ці константи призначені для iOS 6, але якщо ви хочете зробити це за контролером перегляду на зовнішній вигляд iOS 7, ви хочете однакового підходу, але з різними константами):

Вам потрібно використовувати UILabelяк в titleViewякості navigationItem.

Етикетка повинна:

• Мати чіткий колір фону ( label.backgroundColor = [UIColor clearColor]).
• Використовуйте жирний системний шрифт 20pt ( label.font = [UIFont boldSystemFontOfSize: 20.0f]).
• Майте тінь чорного кольору з 50% альфа ( label.shadowColor = [UIColor colorWithWhite:0.0 alpha:0.5]).
• Ви також хочете встановити вирівнювання тексту також по центру label.textAlignment = NSTextAlignmentCenter( UITextAlignmentCenterдля старих SDK).

Встановіть колір тексту мітки як будь-який спеціальний колір. Ви хочете, щоб колір, який не спричиняє змішання тексту в тіні, важко було прочитати.

Я працював над цим шляхом проб і помилок, але значення, які я придумав, в кінцевому рахунку занадто прості для них, щоб не бути тими, які вибрав Apple. :)

Якщо ви хочете , щоб переконатися в цьому, відмовитися від цього коду в initWithNibName:bundle:в PageThreeViewController.mчастині від Apple зразка NavBar . Це замінить текст жовтою міткою. Це не можна відрізняти від оригіналу, створеного кодом Apple, за винятком кольору.

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

Редагувати: також прочитайте відповідь Еріка Б. нижче. Мій код показує ефект, але його код пропонує більш простий спосіб встановити це на місце на існуючому контролері перегляду.

Я знаю, що це досить стара тема, але я думаю, що новим користувачам було б корисно знати, що iOS 5 пропонує нове властивість для встановлення властивостей заголовка.

Ви можете використовувати UINavigationBar setTitleTextAttributesдля встановлення кольору шрифту, зміщення та тіні.

Крім того, ви можете встановити однакові атрибути тексту заголовка UINavigationBar за замовчуванням для UINavigationBarsвсієї програми.

Наприклад так:

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

[[UINavigationBar appearance] setTitleTextAttributes:navbarTitleTextAttributes];

В iOS 5 ви можете змінити колір заголовка навігації таким чином:

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

На основі відповіді Стівена Фішера я написав цей фрагмент коду:

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

Перевага цього коду, окрім належного поводження з фреймом, полягає в тому, що якщо ви зміните заголовок контролера, спеціальний вид заголовка також оновиться. Не потрібно оновлювати його вручну.

Ще одна велика перевага полягає в тому, що це робить дійсно простим включення спеціального кольору заголовка. Все, що вам потрібно зробити - це додати цей метод до контролера.

Зараз більшість наведених вище пропозицій застаріли для використання iOS 7 -

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

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

Крім того, перегляньте NSAttributedString.h на наявність різних властивостей тексту, які можна встановити.

В IOS 7 і 8 ви можете змінити колір заголовка, щоб сказати, зелений

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

Щоб питання було актуальним, я додам рішення Alex RR , але в Swift :

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

Які результати:

Метод 1 , встановити його в IB:

Спосіб 2 , один рядок коду:

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

Рішення від tewha добре працює, якщо ви намагаєтесь змінити колір на сторінці, але я хочу мати можливість змінити колір на кожній сторінці. Я вніс кілька невеликих модифікацій, щоб вони працювали для всіх сторінок наUINavigationController

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

Починаючи з iOS 5, ми повинні встановити колір заголовка тексту та шрифт навігаційної панелі, використовуючи словник titleTextAttribute (заздалегідь визначений словник у посиланні на клас контролера UInavigation).

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

Швидка версія

Я виявив, що більшість із вас, хлопці, представили відповіді версії Objective_C

Я хотів би реалізувати цю функцію, використовуючи Swift для тих, хто її потребує.

У ViewDidload

1.Зробити фон NavigationBar кольоровим (наприклад: СВІТИЙ)

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

2.Щоб зробити фон NavigationBar перетворення зображення (наприклад: ABC.png)

let barMetrix = UIBarMetrics(rawValue: 0)!

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

3.Щоб змінити назву NavigationBar (наприклад: [Шрифт: Futura, 10] [Колір: Червоний])

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

(підказка1: не забудьте знак "!" після UIFont)

.

Я сподіваюся, що можу допомогти!: D

Використовуйте наведений нижче код у будь-якому методі viewDidLoad або 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.
}

Короткий і солодкий.

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

Це моє рішення, засноване на Стівенсі

Єдина реальна відмінність полягає в тому, що я ввожу деяку обробку для регулювання положення, якщо залежно від довжини тексту, схоже, як яблуко це робить

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

Ви можете скорегувати значення 10 залежно від розміру шрифту

Я зіткнувся з проблемою, коли мої кнопки наві викидають текст із центру (коли у вас є лише одна кнопка). Щоб вирішити, що я просто змінив розмір кадру так:

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

Я налаштував фонове зображення навігаційного бару та елемент лівої кнопки, а сірий заголовок не відповідає фону. Тоді я використовую:

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

щоб змінити колір відтінку на сірий. І назва біла зараз! Це те, що я хочу.

Сподіваюся, що допоможе також :)

Рекомендується встановлювати self.title, оскільки це використовується під час натискання дочірніх панелей або показу заголовка на панелях.

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

Це досить стара тема, але я думаю, щоб дати відповідь для встановлення кольору, розміру та вертикального положення заголовка навігаційної панелі для iOS 7 і вище

За кольором та розміром

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

Для вертикального положення

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

Встановіть назву та призначте словник атрибутів

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

Це працює для мене у Свіфті:

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

Версія Swift 4 та 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]];

для встановлення розміру шрифту заголовка я використовував такі умови .. можливо, нікому не допоможе

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

Оновлення до публікації Alex RR з використанням нових текстових атрибутів iOS 7 та сучасного об'єкта c для зменшення шуму:

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

Я вважаю, що правильним способом встановити колір UINavigationBarє:

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

Код вище написано на підкласі UINavigationBar, очевидно, працює і без підкласингу.

Використовуйте так для підтримки орієнтації

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

Це одна з тих речей, яких не вистачає. Краще всього створити власну панель навігації, додати текстове поле та маніпулювати кольором таким чином.

Зіткнувшись з тією ж проблемою (як і інші) мітки, яка рухається, коли ми вставляємо кнопку в navBar (у моєму випадку у мене є спінер, який я замінюю кнопкою, коли дата завантажується), наведені вище рішення не спрацювали для мене, ось ось що працював і весь час зберігав етикетку:

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

Вам слід зателефонувати [label sizeToFit]; після встановлення тексту для запобігання дивних зрушень, коли мітка автоматично переставляється у вигляд заголовка, коли інші кнопки займають панель навігації.

Може використовувати цей метод у файлі appdelegate і може використовуватись у кожному огляді

+(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 Відображення атрибутів для тексту заголовка рядка.

@property (неатомічна, копія) NSDictionary * titleTextAttributes Обговорення Ви можете вказати шрифт, колір тексту, колір тіні тексту та зсув тіні тексту для заголовка в словнику текстових атрибутів, використовуючи клавіші атрибутів тексту, описані в NSString UIKit Additions Reference.

Доступність Доступно в iOS 5.0 та новіших версіях. Задекларовано в UINavigationBar.h