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

Question

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

基本上我想实现类似 Twitter Nav Bar 的东西（更新了 Twitter iOS7）。我嵌入了一个导航栏view controller。我想要的只是将导航栏颜色与顶部的实用工具栏一起更改为浅蓝色。我似乎无法在我的storyboard.

score 320 · Accepted Answer

tintColor在 iOS 7.0 中，for 栏的行为发生了变化。它不再影响酒吧的背景。

从文档中：

barTintColor 类参考

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

@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 版本，如 iOS 7 UI 转换指南中所述

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编辑

在此处输入图像描述

score 130 · Accepted Answer

做最初的问题——让旧的 Twitter 导航栏看起来，蓝色背景和白色文本——很容易在 Xcode 中使用 Interface Builder。

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

那应该可以得到你想要的。这是一个屏幕截图，可以更轻松地查看在哪里进行更改。

在哪里进行必要的更改，包括 iOS 模拟器中的结果

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

score 79 · Accepted Answer

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

// *barTintColor* sets the background color
// *tintColor* sets the button's color

score 46 · Accepted Answer

在基于导航的应用程序中，您可以将代码放在 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];

score 25 · Accepted Answer

在viewDidLoad中，设置：

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

将( blueColor) 更改为您想要的任何颜色。

score 18 · Accepted Answer

要快速更改导航栏颜色：

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

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

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

score 14 · Accepted Answer

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

navController.navigationBar.barTintColor = [UIColor barColor];

score 13 · Accepted Answer

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

首先，在类的顶部定义它：

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

然后在“应用程序 didFinishLaunchingWithOptions”中，输入：

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

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

score 12 · Accepted Answer

如果您需要支持 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];
    }
}

score 10 · Accepted Answer

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

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

我希望这对某人有所帮助。我不喜欢我看到的答案。我喜欢让我的代码尽可能的干净。并不是说以编程方式执行它是错误的，但是有像我这样的人......这是给你们的。更改导航栏的颜色

score 5 · Accepted Answer

为了使 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];
}

score 5 · Accepted Answer

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

score 5 · Accepted Answer

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

score 4 · Accepted Answer

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

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

score 4 · Accepted Answer

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

score 3 · Accepted Answer

- (void)viewDidLoad
{
    [super viewDidLoad];

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

score 3 · Accepted Answer

这个问题和这些答案很有帮助。navigationBar有了它们，我可以用白色标题和按钮文本设置我想要的深蓝色。

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

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

[self.navigationController.navigationBar setBarStyle:UIStatusBarStyleLightContent];

score 3 · Accepted Answer

对于颜色：

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

图像

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

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

18 回答 18

代码

Related

Reference