27 votes

Une façon vraiment cool de créer une UITabBar personnalisée pour une application iPhone ?

Je fais beaucoup de recherches ces derniers temps sur la façon d'obtenir un look différent avec de beaux effets. UITabBar sur mon application iPhone, mais malheureusement je ne trouve que des choses sur la façon de remplacer la couleur de fond, etc.

Eh bien, j'ai vérifié cette application appelée Momento qui est plutôt cool et présente une barre d'onglets très élégante :

Momento's UITabBar

Il y a donc quelques éléments que je voudrais vous demander si vous pouvez m'aider en me donnant les bonnes directions pour obtenir un effet similaire :)

  • Flèche au-dessus des articles : Comme vous pouvez le constater, cette application dispose d'une flèche animée qui passe au-dessus de l'élément sélectionné avec une animation très fluide.

  • Sélectionné Indiqué de l'image de l'article n'est pas si bleue ish celle par défaut ni l'état par défaut qui s'affiche dans une version différente en brun et gris.

  • Séparateurs d'articles avec des lignes verticales biseautées.

  • image de fond différente pour la tabBar

  • hauteur différente pour la tabBar

À ce stade, après quelques recherches, je suis en mesure de définir la hauteur et l'image d'arrière-plan en utilisant la sous-classe UITabBarController mais je ne sais toujours pas comment réaliser les autres éléments, en particulier le premier, qui concerne l'effet de flèche.

Comment dois-je m'y prendre ? Veuillez clarifier ce qui peut ou ne peut pas être fait en sous-classant la fonction UITabBarController et surtout si cela peut être fait dans Interface Builder.

0 votes

Pouvez-vous juste jeter un coup d'oeil ici stackoverflow.com/questions/10655167/ je veux aussi faire la même chose que vous avez posé la question et vous avez accepté la réponse pouvez-vous me guider ?

19voto

LordT Points 3342

Vérifiez iDevReceipes ils ont une solution assez simple et agréable à regarder. Elle ne correspond peut-être pas à tout ce que vous voulez, mais c'est un bon point de départ.

15voto

Dave DeLong Points 156978

Il y a un projet sur github appelé BCTabBarController qui vise à imiter la barre d'onglets utilisée dans Twitter pour iPhone. Elle contient certains des éléments que vous recherchez et devrait constituer un excellent point de départ.

5voto

esilver Points 7768

Ces deux réponses sont bonnes, mais les deux bibliothèques ont des problèmes : BCTabBarController ne sait pas comment créer la version en surbrillance "bleue" d'une icône de barre d'onglets ; et iDevRecipies n'envoie pas d'événements aux viewcontrollers enfants et ne redimensionne pas la barre de navigation lors de la rotation.

Attention : les barres de navigation personnalisées demandent beaucoup d'essais et d'erreurs de débogage (comme je l'ai constaté).

2voto

Sreekanth Points 21

Il suffit d'utiliser une UIView avec la largeur et la hauteur de la barre de tabulation, d'ajouter une image d'arrière-plan personnalisée et des boutons personnalisés sur la vue, de définir le propriétaire du fichier de la vue comme AppDelegate et de connecter les IBActions aux boutons. La vue personnalisée peut être placée au-dessus de la barre de tabulation en ajoutant une sous-vue à la vue du contrôleur de la barre de tabulation.

1voto

Pooja Jalan Points 152

J'ai trouvé un exemple de code pour la barre d'onglets personnalisée. Je pense que cela peut vous être utile

http://code4app.net/ios/Tab-Bar-Animation/4f6816b66803fa2c63000003

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X