blocks|key|52784|text|将此代码放入要更改其颜色的视图控制器的viewDidLoad中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|52785|[[UITabBar+appearance]+setSelectedImageTintColor:[UIColor+whiteColor]];|code-block|syntax|javascript|52786|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

put this code in the viewDidLoad of the view controller that you want to change the color of 

<pre><code>[[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]];
</code></pre>

blocks|key|4559459|text|您可以将UITabBarController子类化，并在情节提要中用它替换它。在子类viewDidLoad实现中调用以下代码：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4559460|[self.tabBar+setTintColor:[UIColor+greenColor]];|code-block|syntax|javascript|4559461|entityMap^0|4|I|16|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

You can subclass the <code>UITabBarController</code>, and replace the one with it in the storyboard.
In your <code>viewDidLoad</code> implementation of subclass call this:

<pre><code>[self.tabBar setTintColor:[UIColor greenColor]];
</code></pre>

blocks|key|4559486|text|不知怎么的，我们不能改变选项卡栏选定项目的染色颜色单独使用故事板，因此我添加了下面的代码在我的ViewDidLoad，希望这是有帮助的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4559487|[[UITabBar+appearance]+setTintColor:[UIColor+whiteColor]];+|code-block|syntax|javascript|4559488|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Somehow we are not able to change the Tab Bar selected item Tint color using storyboard alone, hence I added below code in my ViewDidLoad, hope this helps. 

<pre><code>[[UITabBar appearance] setTintColor:[UIColor whiteColor]]; 
</code></pre>

blocks|key|52912|text|在Swift中，使用Xcode7(和更高版本)，您可以将以下内容添加到AppDelegate.swift文件中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|52913|UITabBar.appearance().tintColor+=+UIColor(red:+255/255.0,+green:+255/255.0,+blue:+255/255.0,+alpha:+1.0)|code-block|syntax|javascript|52914|这是完整方法的样子：|52915|func+application(application:+UIApplication,+didFinishLaunchingWithOptions+launchOptions:+[NSObject:+AnyObject]?)+->+Bool+{

++++//+I+added+this+line
++++UITabBar.appearance().tintColor+=+UIColor(red:+255/255.0,+green:+255/255.0,+blue:+255/255.0,+alpha:+1.0)

++++return+true
}|52916|在上面的例子中，我的项目将是白色的。"/255.0“是必需的，因为它需要一个从0到1的值。对于白色，我可以只使用1。但是对于其他颜色，您可能会使用RGB值。|52917|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

In Swift, using xcode 7 (and later), you can add the following to your AppDelegate.swift file:

<pre><code>UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)
</code></pre>

This is the what the complete method looks like:

<pre><code>func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -&gt; Bool {

 // I added this line
 UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)

 return true
}
</code></pre>

In the example above my item will be white. The "/255.0" is needed because it expects a value from 0 to 1. For white, I could have just used 1. But for other color you'll probably be using RGB values.

blocks|key|4559597|text|您还可以通过关键点路径设置所选图像栏的色调颜色：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4559598|​|4559599|📷|atomic|offset|length|4559600|4559601|希望这能对你有所帮助！谢谢|4559602|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/51fecbb5a8249eb22e0c74897b98aff0.png|imageAlt^0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

You can also set selected image bar tint color by key path:

<a href="https://i.stack.imgur.com/WubCq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WubCq.png" alt="enter image description here"></a>

Hope this will help you!! Thanks

blocks|key|53040|text|这是适用于iOS+10的Swift+3中的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53041|首先，创建自己的tab栏控制器子类，并将其添加到故事板中的tab控制器中。在viewDidLoad()方法中，您可以自定义选项卡栏。这里需要说明的是，tabBar的tintColor属性表示选中项目的颜色，而不是未选中项目的颜色！为了更改未选中项的颜色，我建议循环遍历每个项，并使用图像的原始颜色，这样它们就不会自动呈现为灰色。|offset|length|style|CODE|53042|class+CustomTabBarVC:+UITabBarController
{
++++override+func+viewDidLoad()
++++{
++++++++super.viewDidLoad()

++++++++self.tabBar.tintColor+=+AppColor.normalRed
++++++++self.tabBar.barTintColor+=+.white
++++++++self.tabBar.isTranslucent+=+true

++++++++if+let+items+=+self.tabBar.items
++++++++{
++++++++++++for+item+in+items
++++++++++++{
++++++++++++++++if+let+image+=+item.image
++++++++++++++++{
++++++++++++++++++++item.image+=+image.withRenderingMode(+.alwaysOriginal+)
++++++++++++++++}
++++++++++++}
++++++++}
++++}
}|code-block|syntax|javascript|53043|这种方法唯一的缺点是你的物品图像必须已经有了你想要的颜色。|53044|entityMap^0|0|12|D|23|6|2A|9|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]|$D|U|E|V|F|G]|$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|P|$]]

This is the solution in Swift 3 that works in iOS 10:

Firstly, you create your own tab bar controller subclass and add it to your tab controller in your storyboard. In the <code>viewDidLoad()</code> method you can then customize the tab bar. It should be stated here that the <code>tintColor</code> attribute of the <code>tabBar</code> represents the color of the selected item not the color of the unselected ones! In order to change the color of the unselected items, I recommend looping through each item and use the original colors of your images, so they are not rendered as grey automatically.

<pre><code>class CustomTabBarVC: UITabBarController
{
 override func viewDidLoad()
 {
 super.viewDidLoad()

 self.tabBar.tintColor = AppColor.normalRed
 self.tabBar.barTintColor = .white
 self.tabBar.isTranslucent = true

 if let items = self.tabBar.items
 {
 for item in items
 {
 if let image = item.image
 {
 item.image = image.withRenderingMode( .alwaysOriginal )
 }
 }
 }
 }
}
</code></pre>

The only downside with this approach is that your item images must already have the desired color you aim for.

blocks|key|53135|text|在Xcode8上，我已经更改了故事板中的ImageTint，它工作得很好。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|53136|​|53137|📷|atomic|53138|53139|结果是：|53140|53141|53142|53143|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/d580930c41668032f82f830350c5c2d3.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/f64a867f736fbe62a89d4d4aa38395d6.png^0|1|6|K|9|0|0|0|1|0|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|K|3|G|5|6|7|1B|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1C|8|@]|D|@]|E|$]]|$1|N|3|G|5|6|7|1D|8|@]|D|@]|E|$]]|$1|O|3|I|5|J|7|1E|8|@]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|P|3|G|5|6|7|1I|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X|Y|-4]]|Z|$5|T|U|V|E|$W|10|Y|-4]]]]

On <code>Xcode8</code> I have changed the <code>ImageTint</code> from the storyboard and it works well.

<a href="https://i.stack.imgur.com/LJ9bb.png"><img src="https://i.stack.imgur.com/LJ9bb.png" alt="enter image description here"></a>

The result:

<a href="https://i.stack.imgur.com/Q3ILk.png"><img src="https://i.stack.imgur.com/Q3ILk.png" alt="enter image description here"></a>

blocks|key|4559768|text|XCode+8.2、iOS+10、Swift+3:现在有了tabBar的unselectedItemTintColor属性|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4559769|self.tabBar.unselectedItemTintColor+=+UIColor(red:+0/255.0,+green:+200/255.0,+blue:+0/255.0,+alpha:+1.0)|code-block|syntax|javascript|4559770|entityMap^0|T|6|10|N|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

XCode 8.2, iOS 10, Swift 3: now there's an <code>unselectedItemTintColor</code> attribute for <code>tabBar</code>:

<pre><code>self.tabBar.unselectedItemTintColor = UIColor(red: 0/255.0, green: 200/255.0, blue: 0/255.0, alpha: 1.0)
</code></pre>

blocks|key|53202|text|你可以通过故事板来改变颜色UITabBarItem，但是如果你想通过代码来改变颜色，这是非常简单的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53203|//用于更改选中条形图的颜色|53204|+++[[UITabBar+appearance]+setTintColor:[UIColor+blueColor]];|code-block|syntax|javascript|53205|//此选项用于更改未选中的栏(iOS+10)|53206|+++[[UITabBar+appearance]+setUnselectedItemTintColor:[UIColor+yellowColor]];|53207|//此行用于更改所有选项卡栏的颜色|53208|+++[[UITabBar+appearance]+setBarTintColor:[UIColor+whiteColor]];|53209|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

You can change colors UITabBarItem by storyboard but if you want to change colors by code it's very easy:

// Use this for change color of selected bar

<pre><code> [[UITabBar appearance] setTintColor:[UIColor blueColor]];
</code></pre>

// This for change unselected bar (iOS 10)

<pre><code> [[UITabBar appearance] setUnselectedItemTintColor:[UIColor yellowColor]];
</code></pre>

// And this line for change color of all tabbar

<pre><code> [[UITabBar appearance] setBarTintColor:[UIColor whiteColor]];
</code></pre>

blocks|key|4559828|text|将此代码添加到应用程序委托-did_finish_launching_with_options函数中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4559829|UITabBar.appearance().tintColor+=+UIColor(+red:+CGFloat(255/255.0),+green:+CGFloat(99/255.0),+blue:+CGFloat(95/255.0),+alpha:+CGFloat(1.0)+)|code-block|syntax|javascript|4559830|将所需颜色的RGB|4559831|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Add this code in your app delegate -did_finish_launching_with_options function

<pre><code>UITabBar.appearance().tintColor = UIColor( red: CGFloat(255/255.0), green: CGFloat(99/255.0), blue: CGFloat(95/255.0), alpha: CGFloat(1.0) )
</code></pre>

put the RGB of the required color

blocks|key|4559868|text|最好的方法是在故事板中更改Image+Tint|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4559869|​|4559870|📷|atomic|4559871|4559872|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/57096bf05ea786628a2048d6d1b2d578.png|imageAlt^0|D|A|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|K|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S|T|-4]]]]

This best way is to change <code>Image Tint</code> in storyboard
<a href="https://i.stack.imgur.com/3zmRH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/3zmRH.png" alt="enter image description here" /></a>

blocks|key|4559963|text|storyboard中的Image+Tint对我很有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4559964|​|4559965|📷|atomic|offset|length|4559966|4559967|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/8448364e5ed6cb66010077ef0125f127.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

Image Tint from storyboard worked for me.
<a href="https://i.stack.imgur.com/CC5Aa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CC5Aa.png" alt="enter image description here" /></a>

I want to change my tab bar items to be pink when selected instead of the default blue.

How can i accomplish this using the storyboard editor in Xcode 6?

Here are my current setting which are not working, the blue background works but the pink doesnt work:

<img src="https://i.stack.imgur.com/9XeMZ.png" alt="enter image description here">

Change tab bar item selected color in a storyboard

Swift

我希望在选中时将选项卡栏项目更改为粉红色，而不是默认的蓝色。如何使用Xcode6中的故事板编辑器来完成此任务？以下是我当前的设置，它们不起作用，蓝色背景起作用，但粉色不起作用。​​

问在情节提要中更改选项卡栏项目的选定颜色
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在情节提要中更改选项卡栏项目的选定颜色EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在情节提要中更改选项卡栏项目的选定颜色
EN