Comment puis-je modifier le texte et l'icône de couleurs pour tabBarItems dans iOS 7?

Comment puis-je modifier le texte et l'icône de couleurs pour UITabBar et UITabBarItems dans iOS 7? La valeur par défaut texte gris semble faible et difficile à lire pour les non sélectionnés tabbar éléments.

InformationsquelleAutor Ed Fernandez | 2013-09-11

Il y a deux choses que vous devez faire pour cela:

1) Si vous souhaitez personnaliser la TabBar lui-même, vous devez définir la barTintColor pour la tabBarController:

    //this will generate a black tab bar
    tabBarController.tabBar.barTintColor = [UIColor blackColor];

    //this will give selected icons and text your apps tint color
    tabBarController.tabBar.tintColor = appTintColor;  //appTintColor is a UIColor *

2) Définir la tabBarItem de l'apparence du texte pour chaque état que vous souhaitez remplacer:

[[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Bold" size:10.0f],
                                                    NSForegroundColorAttributeName : appTintColor
                                                    } forState:UIControlStateSelected];


//doing this results in an easier to read unselected state then the default iOS 7 one
[[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName : [UIFont fontWithName:@"HelveticaNeue-Bold" size:10.0f],
                                                    NSForegroundColorAttributeName : [UIColor colorWithRed:.5 green:.5 blue:.5 alpha:1]
                                                    } forState:UIControlStateNormal];

Mais il n'est pas de donner la couleur noire de la barre d'onglets.. Il est d'apparence un peu grisâtre..
Ed couvre à peu près tout ce dont vous avez besoin ici, malheureusement, il ne semble pas être un moyen pour régler les autres onglets de couleurs. Jusqu'à présent, la seule option est d'utiliser des images.
Je vous remercie beaucoup.
Comment définissez-vous le non sélectionnés couleur de l'icône?
Cela ne veut pas changer la couleur des articles non sélectionnés. Seul moyen semble être d'utiliser des images comme ci-dessous.
taille 10? Un peu petit?
Je veux également désactivée couleur de l'icône, j'ai trouvé que l'utilisation de l'image correcte, et de la rendre comme un mode original en est une. Veuillez me dire si vous avez trouvé une autre façon.

InformationsquelleAutor Ed Fernandez

43

Cela a fonctionné pour moi, une teinte pas les éléments actifs dans la tabbar
```
UITabBarItem *item = [self.tabBar.items objectAtIndex:1];
```
//ici, vous devez utiliser l'icône avec la couleur que vous souhaitez, comme il sera rendu comme il est
```
item.image = [[UIImage imageNamed:@"unselected.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
```
//cette icône est utilisée pour l'onglet sélectionné, et elle sera teinté tel que défini dans
```
self.tabBar.tintColor
item.selectedImage = [UIImage imageNamed:@"selected.png"];
```
- Cela semble être la seule façon de changer la couleur de la partie non sélectionnée onglets.
- À l'aide de imageWithRenderingMode est la clé pour changer d'onglet couleurs de l'image
- génial solution et la seule solution qui a fonctionné... btw toutes les façons de modifier l'onglet de l'élément de couleur du titre ainsi ?
InformationsquelleAutor atrik
11

Ed réponse est parfait, mais permettez-moi d'ajouter une chose.
TabBar est en défaut translucide ainsi affectée par la couleur de la vue sous la TabBar (c'est à dire chaque membre viewController de vue de la couleur affecte TabBar apparence.).

Alors je l'ai mis ci-dessous le code de ne pas être affecté.
```
self.tabBarController.tabBar.translucent = false;
```
Avec Ed réponse ici est un code que j'utilise maintenant.
```
self.tabBarController.tabBar.barTintColor = [UIColor blackColor];
self.tabBarController.tabBar.translucent = false;
self.tabBarController.tabBar.tintColor = [UIColor blueColor];
```
- thx changer avec le code de la nuance de couleur de travail pour moi.
InformationsquelleAutor Takamitsu Mizutori

Testé dans iOS 8 pour la permanence de la couleur du texte (activée/désactivée) et les couleurs de l'image (activée/désactivée) sans créer deux images avec des couleurs différentes foreach onglet:

Couleur du texte:

[[UITabBar appearance] setTintColor: selectedTabColor ];
    [[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:
                                                       **yourFont**, NSFontAttributeName,
                                                       ** selectedTabColor**, NSForegroundColorAttributeName,
                                                       nil] forState:UIControlStateNormal];

    [[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:
                                                       **yourFont**, NSFontAttributeName,
                                                       **selectedTabColor**, NSForegroundColorAttributeName,
                                                       nil] forState:UIControlStateSelected];

Images couleur: (en supposant que les images d'origine ont la couleur que vous souhaitez afficher en tant que non)

Dans un UITabBarController sous-classe-awakeFromNib :

    for (int i =0; i<self.viewControllers.count; i++)
    {
        UITabBarItem *tab = [self.tabBar.items objectAtIndex:i];
        tab.image = [tab.image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal ];
    }

Crédits: l'ensemble de l'internet et de dépassement de pile XD

Merci!!!! Avez-vous peut-être de savoir comment ajouter des séparateurs comme sur cette image? dropbox.com/s/0u6jk2yv4kugfpg/...
pour que l'on doute, vous avez besoin d'une classe de la barre d'onglet ou la barre d'onglet de l'élément de

InformationsquelleAutor Kappe

6

Code pour changer la couleur du texte dans la barre d'onglets:

Si vous utilisez iOS 10, alors vous pouvez changer la Teinte de l'Image dans votre Barre d'Onglet

Si vous êtes également l'appui iOS 9 et plus bas, alors vous devez également ajouter de la nuance de couleur à votre utilisateur définisseur d'exécution des attributs dans chaque onglet de l'élément de barre de

si vous aussi vous souhaitez changer de couleur de l'icône assurez-vous que la bonne couleur de l'image est dans votre assest dossier et modifier le Rendu de l'Image Originale

InformationsquelleAutor Hannah Louisa Carney
3

Cela Devrait fonctionner Parfaitement pour iOS 8

Pour les non sélectionnés tabbar élément:
```
[[UIView appearanceWhenContainedIn:[UITabBar class], nil] setTintColor: [UIColor whiteColor]];
```
Pour certains tabbar élément:
```
[[UITabBar appearance] setTintColor:[UIColor orangeColor]];
```
- la couleur est modifiée sur l'onglet de commutation
- Puis Ne pas utiliser [[UITabBar apparence] setTintColor:[UIColor orangeColor]];
- [tabBarItem1 setFinishedSelectedImage:[[UIImage imageNamed:@"mytrip_tab_selected"]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] withFinishedUnselectedImage:[[UIImage imageNamed:@"mytrip_tab"]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
- Le commentaire ci-dessus va travailler quand avoir deux mêmes images avec des couleurs différentes.nous présentons par la sélection et de l'onu-la sélection de la UITabbar Éléments.
- nice code pour les non sélectionnés icônes, mais j'ai un besoin spécifique, qu'un seul onglet élément doit avoir une couleur différente.
InformationsquelleAutor Usharao

[[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:
                                                           [UIColor whiteColor], UITextAttributeTextColor,
                                                           nil]

InformationsquelleAutor user2239796

0

utilisation self.tabBarController.tabBar.barStyle = UIBarStyleBlack; pour faire de la barre d'onglet noir

InformationsquelleAutor UUDDLRLRSL_

Vous essayez

for (UITabBarItem *item in self.tabBarController.tabBar.items) {
        item.image = [[UIImage imageNamed:@"youimage.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

        [[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:
                                                           [UIColor whiteColor], UITextAttributeTextColor,
                                                           nil] forState:UIControlStateNormal];

        item.selectedImage = [UIImage imageNamed:@"youimage.png"];
    }

UITextAttributeTextColor est obsolète dans iOS7

InformationsquelleAutor Ibrahim Erkaplan

0

@Usharao réponse ci-dessus a fonctionné pour moi;

Mon problème était sur le démarrage de tous mes TabBarItems
semblait être dans un état sélectionné, tous ayant le même "Bleu" teinté de la couleur.
En sélectionnant tous les onglets, un par un, la couleur de l'etat deviendrait corrigé.

J'ai utilisé ce code ci-dessous dans mon AppDelegate classe: (compatible pour >= IOS9)
```
[[UIView appearanceWhenContainedInInstancesOfClasses:@[[UITabBar class]]] 
                                        setTintColor:[UIColor lightGrayColor]];
```
InformationsquelleAutor Wayne
0

Maintenant à partir de iOS10 on peut utiliser
```
@property (nonatomic, readwrite, copy, nullable) UIColor *unselectedItemTintColor
```
pour modifier la couleur par défaut pour TabBarItem de texte et d'image à l'état non sélectionné.

Ainsi, la paire de propriétés tintColor et unselectedItemTintColor nous donne le plein contrôle sur les articles de couleurs.

InformationsquelleAutor malex

Vous devez vous connecter pour publier un commentaire.