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

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>

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

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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