Modifier la couleur sélectionnée de l'élément de la barre d'onglets dans un storyboard

Je souhaite que les éléments de ma barre d'onglets soient roses lorsqu'ils sont sélectionnés au lieu du bleu par défaut.

Comment puis-je accomplir cela en utilisant l'éditeur de storyboard dans Xcode 6?

Voici mes paramètres actuels qui ne fonctionnent pas, le fond bleu fonctionne mais le rose ne fonctionne pas:

Ajoutez l'attribut Runtime Color nommé "tintColor" depuis StoryBoard. Cela fonctionne ( pour Xcode 8 et supérieur ).

si vous voulez une couleur non sélectionnée .. vous pouvez unselectedItemTintColorégalement en ajouter .

Cette solution élégante fonctionne parfaitement sur SWIFT 3.0 , SWIFT 4.2 et SWIFT 5.1 :

Sur le storyboard:

1. Sélectionnez votre barre d'onglets
2. Définissez un attribut d'exécution appelé tintColor pour la couleur souhaitée de l' icône sélectionnée dans la barre d'onglets
3. Définissez un attribut d'exécution appelé unselectedItemTintColor pour la couleur souhaitée de l' icône non sélectionnée dans la barre d'onglets

Edit: Travailler avec Xcode 8/10, pour iOS 10/12 et supérieur .

Dans Swift, en utilisant xcode 7 (et version ultérieure), vous pouvez ajouter les éléments suivants à votre fichier AppDelegate.swift:

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

Voici à quoi ressemble la méthode complète:

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
}

Dans l'exemple ci-dessus, mon article sera blanc. Le "/255.0" est nécessaire car il attend une valeur de 0 à 1. Pour le blanc, j'aurais pu juste utiliser 1. Mais pour une autre couleur, vous utiliserez probablement des valeurs RVB.

Sur Xcode8j'ai changé le ImageTintdu storyboard et cela fonctionne bien.

Le résultat:

Swift 3 | Xcode 10

Si vous souhaitez que tous les éléments de la barre d'onglets aient la même couleur (sélectionnés et non sélectionnés) ...

Étape 1

Assurez-vous que vos ressources d'image sont configurées sur Render As = Template Image . Cela leur permet d'hériter de la couleur.

Étape 2

Utilisez l'éditeur de storyboard pour modifier les paramètres de la barre d'onglets comme suit:

• Définissez la barre d'onglets: Teinte de l' image sur la couleur dont vous voulez que l'icône sélectionnée hérite.
• Définissez Tab Bar: Bar Tint sur la couleur souhaitée pour la barre d'onglets.
• Définir la vue: Teintez la couleur que vous souhaitez voir dans l'éditeur de storyboard, cela n'affecte pas la couleur de l'icône lorsque votre application est exécutée.

Étape 3

Les étapes 1 et 2 changeront la couleur de l'icône sélectionnée. Si vous souhaitez toujours changer la couleur des éléments non sélectionnés, vous devez le faire dans le code. Je n'ai pas trouvé de moyen de le faire via l'éditeur de storyboard.

Créer une classe de contrôleur de barre d'onglets personnalisée ...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

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

... et attribuez la classe personnalisée à votre contrôleur de scène de la barre d'onglets.

Si vous trouvez comment changer la couleur de l'icône non sélectionnée via l'éditeur de storyboard, veuillez m'en informer. Merci!

placez ce code dans le viewDidLoad du contrôleur de vue dont vous souhaitez changer la couleur

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

Vous pouvez également définir la couleur de teinte de la barre d'image sélectionnée par chemin de clé:

J'espère que ceci vous aidera!! Merci

XCode 8.2, iOS 10, Swift 3: il y a maintenant un unselectedItemTintColorattribut pour tabBar:

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

Vous pouvez changer les couleurs UITabBarItem par storyboard mais si vous voulez changer les couleurs par code, c'est très simple:

// Utilisez ceci pour changer la couleur de la barre sélectionnée

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

// Ceci pour modifier la barre non sélectionnée (iOS 10)

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

// Et cette ligne pour changer la couleur de toute la barre d'onglets

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

D'une manière ou d'une autre, nous ne sommes pas en mesure de modifier la couleur de teinte de l'élément sélectionné dans la barre d'onglets en utilisant uniquement le storyboard, c'est pourquoi j'ai ajouté le code ci-dessous dans mon ViewDidLoad, j'espère que cela vous aidera.

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

Ajoutez ce code dans votre fonction délégué d'application -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) )

mettre le RVB de la couleur souhaitée

Voici la solution dans Swift 3 qui fonctionne sous iOS 10:

Tout d'abord, vous créez votre propre sous-classe de contrôleur de barre d'onglets et l'ajoutez à votre contrôleur d'onglets dans votre storyboard. Dans la viewDidLoad()méthode, vous pouvez ensuite personnaliser la barre d'onglets. Il faut préciser ici que l' tintColorattribut de tabBarreprésente la couleur de l'élément sélectionné et non la couleur de l'élément non sélectionné! Afin de changer la couleur des éléments non sélectionnés, je recommande de parcourir chaque élément en boucle et d'utiliser les couleurs d'origine de vos images, afin qu'elles ne soient pas rendues automatiquement en gris.

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

Le seul inconvénient de cette approche est que les images de vos articles doivent déjà avoir la couleur souhaitée que vous visez.

Cette meilleure façon est de changer Image Tintde storyboard

Vous pouvez sous-classer le UITabBarControlleret remplacer celui par lui dans le storyboard. Dans votre viewDidLoadimplémentation de sous-classe, appelez ceci:

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