ストーリーボードでタブバーアイテムの選択色を変更する

タブバーの項目を選択すると、デフォルトの青ではなくピンクに変更したい。

Xcode 6のストーリーボードエディターを使用してこれをどのように達成できますか？

これが機能していない私の現在の設定です、青い背景は機能しますがピンクは機能しません：

StoryBoardから「tintColor」というランタイムカラー属性を追加します。これは機能しています（Xcode 8以降の場合）。

選択されていない色が必要な場合は、追加することもできunselectedItemTintColorます。

このエレガントなソリューションは、SWIFT 3.0、SWIFT 4.2、およびSWIFT 5.1に最適です。ます。

ストーリーボード上：

1. あなたの選択 タブバーを
2. 設定するランタイムAttibuteはと呼ばれるtintColorを所望の色のために選択したアイコンタブバー上
3. 設定するランタイムAttibuteはと呼ばれるunselectedItemTintColorを所望の色のために選択されていないアイコンタブバー上

編集：iOS 10/12以降のXcode 8/10での作業。

Swiftでは、xcode 7以降を使用して、AppDelegate.swiftファイルに以下を追加できます。

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

これは、完全なメソッドは次のようになります。

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
}

上記の例では、私のアイテムは白になります。「/255.0」が必要なのは、0〜1の値を想定しているためです。白の場合は、1を使用しただけですが、他の色の場合は、RGB値を使用することになります。

でXcode8、私は変更されているImageTintストーリーボードから、それがうまく動作します。

結果：

Swift 3 | Xcode 10

すべてのタブバー項目を同じ色にしたい場合（選択および非選択）...

ステップ1

画像アセットがRender As = Template Imageに設定されていることを確認してください。これにより、色を継承できます。

ステップ2

ストーリーボードエディタを使用して、タブバーの設定を次のように変更します。

• セットタブバー：画像の色合いをあなたが継承する、選択したアイコンを好みの色に。
• タブバー：バーの色合いをタブバーの色に設定します。
• [表示：色合い]をストーリーボードエディタで表示する色に設定します。これは、アプリの実行時のアイコンの色には影響しません。

ステップ3

手順1と2は、選択したアイコンの色を変更します。選択されていないアイテムの色を変更したい場合は、コードで変更する必要があります。ストーリーボードエディターでそれを行う方法が見つかりません。

カスタムタブバーコントローラークラスを作成...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // make unselected icons white
        self.tabBar.unselectedItemTintColor = UIColor.white
    }
}

...そして、カスタムクラスをタブバーシーンコントローラーに割り当てます。

ストーリーボードエディタで選択されていないアイコンの色を変更する方法を見つけた場合は、お知らせください。ありがとう！

このコードを、色を変更するビューコントローラーのviewDidLoadに配置します。

[[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]];

キーパスによって、選択した画像バーのティントカラーを設定することもできます。

これがあなたを助けることを願っています!! ありがとう

XCode 8.2、iOS 10、Swift 3：のunselectedItemTintColor属性がありますtabBar：

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

ストーリーボードでUITabBarItemの色を変更できますが、コードで色を変更したい場合は非常に簡単です。

//これを使用して、選択したバーの色を変更します

   [[UITabBar appearance] setTintColor:[UIColor blueColor]];

//これは選択されていないバーを変更するためのものです（iOS 10）

   [[UITabBar appearance] setUnselectedItemTintColor:[UIColor yellowColor]];

//そして、すべてのタブバーの色を変更するこの行

   [[UITabBar appearance] setBarTintColor:[UIColor whiteColor]];

どういうわけか、ストーリーボードだけを使用してタブバーで選択されたアイテムのティントカラーを変更できないため、ViewDidLoadに以下のコードを追加しました。

[[UITabBar appearance] setTintColor:[UIColor whiteColor]]; 

このコードをアプリデリゲート-did_finish_launching_with_options関数に追加します

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

必要な色のRGBを置く

これは、iOS 10で動作するSwift 3のソリューションです。

まず、独自のタブバーコントローラーサブクラスを作成し、ストーリーボードのタブコントローラーに追加します。このviewDidLoad()メソッドでは、タブバーをカスタマイズできます。ここで、のtintColor属性tabBarは、選択されていないアイテムの色ではなく、選択されたアイテムの色を表すことに注意してください。選択されていないアイテムの色を変更するには、各アイテムをループして画像の元の色を使用することをお勧めします。これにより、それらは自動的に灰色としてレンダリングされません。

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

このアプローチの唯一の欠点は、アイテムの画像に、目的の色が既に含まれている必要があることです。

この最良の方法はImage Tint、ストーリーボードを変更することです

をサブクラスUITabBarController化し、ストーリーボードでそれを置き換えることができます。あなたにはviewDidLoad、サブクラスの実装これを呼び出します。

[self.tabBar setTintColor:[UIColor greenColor]];