如何在iOS 7中更改导航栏颜色？

Question

如何在iOS 7中更改导航栏颜色？

基本上我想要实现类似Twitter Nav Bar（更新的推特iOS7）。我嵌入了view controller顶部的导航栏。我想要的是将导航栏颜色更改为浅蓝色以及顶部的实用工具栏。我似乎无法在storyboard找到一个选项。

Answer 1

在iOS 7.0中，条形tintColor的行为已发生变化。它不再影响酒吧的背景。

来自文档：

barTintColor Class Reference

应用于导航栏背景的色调颜色。

@property(nonatomic, retain) UIColor *barTintColor

<强>讨论
默认情况下，此颜色为半透明，除非您将半透明属性设置为NO。

可用性

适用于iOS 7.0及更高版本。

声明
UINavigationBar.h

代码

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

我们也可以使用它在iOS 7 UI Transition Guide

中检查iOS版本

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

修改 使用xib

Answer 2

做原始问题的问题 - 只需使用Xcode中的Interface Builder，就可以很容易地获得旧Twitter的导航栏外观，带有白色文本的蓝色背景。

• 使用文档大纲选择导航栏。
• 在“属性”检查器的“导航栏”组中，将“样式”从“默认”更改为“黑色”。这会将导航和状态栏的背景颜色更改为黑色，将其文本更改为白色。因此，当应用程序运行时，状态栏中的电池和其他图标和文本将显示为白色。
• 在同一导航栏组中，将条形色调更改为您喜欢的颜色。
• 如果您的导航栏中有条形按钮项目，它们仍将以默认的蓝色显示其文本，因此在“属性”检查器的“视图”组中，将“色调”更改为“白色”。

那应该能得到你想要的东西。这是一个屏幕截图，可以更容易地看到进行更改的位置。

请注意，仅更改条形色调不会更改导航栏或状态栏中的文本颜色。风格也需要改变。

Answer 3

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

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

Answer 4

在基于导航的应用程序中，您可以将代码放在AppDelegate中。更详细的代码可能是：

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

Answer 5

在viewDidLoad中，设置：

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

将（blueColor）更改为您想要的任何颜色。

Answer 6

快速更改导航栏颜色：

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

更改标题字体，大小，颜色：

    self.title = "title"
    self.navigationController?.navigationBar.titleTextAttributes = [
        NSForegroundColorAttributeName : UIColor.whiteColor(),
        NSFontAttributeName : UIFont(name: "Futura", size: 30)!
    ]

Answer 7

如果您想使用十六进制代码，这是最好的方法。

首先，在课程顶部定义：

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

然后在“application didFinishLaunchingWithOptions”中，输入：

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

用十六进制代码代替00b0f0。

Answer 8

如果您需要支持ios6和ios7，那么您可以在 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];
    }
}

Answer 9

在iOS 7中，您必须使用-barTintColor属性：

navController.navigationBar.barTintColor = [UIColor barColor];

Answer 10

它实际上比我在这里看到的答案更容易：

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

我希望这有助于某人。我不喜欢我看到的答案。我喜欢尽可能保持我的代码清洁。不是说以编程方式执行它是错误的，但是有人像我一样......这是给你们的。

Answer 11

要使Rajneesh071的代码完整，您可能还需要设置导航栏的标题颜色（和字体，如果需要），因为默认行为从iOS 6更改为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];
}

Answer 12

仅在ViewContorller

中的AppDelegate 或中添加此代码

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

Answer 13

在基于导航的应用程序中，您可以更改颜色

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

Answer 14

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

Answer 15

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

Answer 16

这个问题和这些答案都很有帮助。通过它们，我可以设置我想要的深蓝色navigationBar颜色，带有白色标题和按钮文字。

但我还需要将时钟，载波，信号强度等更改为白色。黑色与深蓝色的对比度不够。

我可能在以前的一个答案中忽略了该解决方案，但我能够通过将此行添加到我的顶级viewController的{​​{1}}来进行更改：

viewDidLoad

Answer 17

- (void)viewDidLoad
{
    [super viewDidLoad];

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

Answer 18

对于颜色：

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

For Image

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