Dans ce tuto iPhone nous verrons comment réaliser un splash screen avancé. Vous retrouvez ce type de splash screen dans des applications comme l'équipe ou encore pagesJaunes.

Il existe des moyens plus simples d'arriver au même résultat, l'avantage est qu'ici, vous être libre d'ajouter ce que vous voulez dans vos vue, voire exécuter des traitements.

Au programme de ce tuto iPhone :

  • UIViewController
  • Fenêtres modales
  • Transition modales 

Résultat final obtenu à la fin de ce tuto :


Jetez un oeil à ces autres tuto Xcode 3.2.3

Initiation au multitache de l'iOS4 iPhoneInitiation au multitache de…
Dans ce tuto iPhone et Xcode nous verrons les bases du développement…

Intégration de iAdIntégration de iAd
Dans ce tutorial pour iPhone, nous verrons comment intégrer…

Créer votre application iPhone-iPad Créer votre application iPhone-iPad…
Voici une formation Xcode de près de 4h, découpée en 20 tuto…

CocoaPodsCocoaPods
Voici un tuto Objective-C dédié à CocoaPods. CocoaPods permet…

Core Data : la base de données par AppleCore Data : la base de données…
Dans ce tuto iPhone Xcode, vous apprendrez à manier le concept…

Réaliser une application iphone : lecteur RSS de votre siteRéaliser une application…
Dans ce tuto Xcode vous allez apprendre à créer, vous même,…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Xcode 3.2.3 de 25 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

lbstephane , formateur certifié

Expert en sécurité informatique, j'ai pour passion les nouvelles technologies et notamment celle touchant au web 2.0. Utilisateur Mac et Iphone, j'ai décidé de me mettre au développement sur ces plateformes et je suis heureux de vous faire partager les connaissances que j'ai acquis. Retrouvez-moi sur FaceBook dans le groupe SLB Tutos et sur Twitter : lbstephane

En savoir plus sur lbstephane


Témoignage des clients de lbstephane

Enfin des tuto pour Xcode 4 !!! (Et non Xcode 3 qui n'a plus rien à voir avec la version 4, surtout pour les grands débutants)... Vivement d'autres tuto de votre part pour XCode 4 !!! Merci d'avance !

Ses tutos m'ont beaucoup aidé à comprendre le langage XCode.

Bonjour à vous ! Je viens de passer la nuit sur le tuto de parsage XML avec Core Data, et bien, tuto superbement réalisé, clair et précis, ça me donne plein d'idées pour la suite tout cela ! Merci !

Excellent tuto. Merci beaucoup.

Mes enfants m'ont offert un IPAD pour noël. Équipé d'un iMac, j'ai téléchargé le SDK et grâce à vos tutos clairs, bien détaillés et surtout en français, j'essaye de les réaliser !

 

D'autres tuto de lbstephane

Initiation au multitache de l'iOS4 iPhoneInitiation au multitache de l'iOS4 iPhone
Dans ce tuto iPhone et Xcode nous verrons les bases du développement d'une application…

Intégration de iAdIntégration de iAd
Dans ce tutorial pour iPhone, nous verrons comment intégrer la régie publicitaire iAd…

iPad - splitViewControlleriPad - splitViewController
Dans ce premier tuto consacré au développement sur iPad, nous abordons deux fonctionnalités…

Arrondir les coins d'une image iPhoneArrondir les coins d'une image iPhone
Dans ce nouveau tuto Xcode iPhone, nous verrons comment facilement arrondir les coins…

voir tous les tuto de lbstephane

Notes attribuées par les utilisateurs (10 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (24)

par lbstephane
(auteur de ce tuto - 16 avril 2012)

" @poniev : Effectivement le tuto concerne xcode 3 et nous sommes passé au 4. La différence majeure pour ce tuto est le fait qu'interface Builder n'est plus un logiciel à part mais intégré directement dans Xcode. La principale chose à comprendre sur ce tuto est l'utilisation des controller ce qui est indépendant de la version de Xcode. En cherchant un peu, tu trouveras facilement comment retrouver les parties graphiques etc.

Je t'invite à télécharger mon tuto sur la prise en main de Xcode 4 pour y voir plus clair sur l'interface (même si elle a encore un tout petit peu changé ...)

Bon courage.

Stéphane "

par poniav
(a acheté ce tuto - 15 avril 2012)

" Hello lbstephane j'ai un petit soucis ! J'ai acheté la vidéo mais apparemment l'interface xcode à changé ( il me semble ) et je n'arrive pas à la suivre du coup. Comment pourrais je faire ? "

par lincoln33400
(a acheté ce tuto - 07 août 2011)

" Tu est le meilleur !!!! "

par mogyumpà voté :
(a acheté ce tuto - 27 juin 2011)

" @lbstephane, pas de problème. En effet, j'ai créé ma tabBar grâce à votre tuto... donc je vais essayer de suivre vos conseils.

Merci encore. "

par lbstephane
(auteur de ce tuto - 27 juin 2011)

" @mogyump Désolé pour cette réponse tardive, j'étais sans connexion suite à un déménagement. Vous vous heurtez ici à un problème de conception. Le code gère déjà une transition pour votre tabBar et celle-ci entre en conflit avec la transition modal du splashScreen. Il vous faut temporiser cela.

Essayer de ne pas faire apparaitre le tabBar de suite, mais plutôt de lancer son affichage après le splashScreen2. Pour cela, faite une method que vous appelez à la fin du splashScreen. Pour ce faire, il vous faudra ajouter le tabBar en code et non avec InterfaceBuilder.

Bon courage. "

par mogyumpà voté :
(a acheté ce tuto - 21 juin 2011)

" @lbstephane, je reviens vers vous car j'ai suivi le tuto ajouter une TabBar à l'application lecteur rss. En voulant créer le splashscreen, le premier lancement crash avec ce message d'erreur dans la console :

Assertion failure in -[UIWindowController transition:fromViewController:toViewController:target:didEndSelector:]

Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Attempting to begin a modal transition from <SplashOneViewController: 0x195d90> to <UITabBarController: 0x16ee20> while a transition is already in progress. Wait for viewDidAppear/viewDidDisappear to know the current transition has completed'

Même en déplaçant le code de viewDidLoad à viewDidAppear, le problème persiste. Qu'est-ce que j'ai mal compris ?

Merci.
"

par lbstephane
(auteur de ce tuto - 09 mai 2011)

" @Kevin, aucune raison que ça ne passe pas :) Et tout le code fourni dans mes tutos respecte les standarts Apple et a été validé au travers de plusieurs appli. Pas de souci ! "

par mogyumpà voté :
(a acheté ce tuto - 08 mai 2011)

" Merci pour l'ensemble de vos tutos que je suis avec intérêt. Je n'ai encore jamais soumis d'app, est-ce que cette technique respecte les fameuses HIG ? J'ai en effet utilisé l'image du premier splashscreen pour mon Default.png. En ce qui concerne la statusBar, je l'affiche sur le premier premier splashscreen avec [[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:UIStatusBarAnimationSlide]. Pensez-vous que ça va passer ?

Je vous encourage à continuer votre travail, cela m'a beaucoup aidé pour débuter en plus d'un bon cours sur le langage C...

Kevin. "

par lbstephane
(auteur de ce tuto - 10 janvier 2011)

" @DeviP : Je n'ai plus les sources, mais il vous suffit de refaire le tuto point par point et vous possèderez votre propres sources. Il n'est pas très long ni très complexe, cela reste faisable.

Bien cordialement,

Stéphane "

par DeviP
(n'a pas acheté ce tuto - 08 janvier 2011)

" Une personne pourrais uploadé votre projet Xcode ? pour me l'envoyé ? "

par lbstephane
(auteur de ce tuto - 28 décembre 2010)

" Bonjour,

1) Dans notre cas nous n'en avons pas besoin, la vue modale est gérée par le viewController de la première vue.

2) Tu trouveras ce qu'il te faut dans la doc Apple, la vue modal est une sous classe de UIViewController donc : http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UIViewController_Class/Reference/Reference.html

3) Je conseille le livre Beginning iPhone Developpement de Jeff Lamarche et Dave Mark, il est en anglais mais très bon.

4) Non pas pour le moment, mais je le note pour plus tard :)

Merci pour cet achat et pour la note, c'est encourageant :)

Stéphane "

par cprdevà voté :
(a acheté ce tuto - 26 décembre 2010)

" excellent tuto ! Merci !

4 petites questions :

1) Je n'ai pas saisi pourquoi il n'y pas de viewcontroler dans le deuxieme splashcreen

2) Exist-il un article detaillé sur les modalviews (que je ne connaissais pas avant ce tuto)

3) Avez-vous un tuto ou un livre à conseiller pour apprehender le modele de programmation iphone

4) Prevoyer-vous de faire un tuto sur la searchbar ?

Merci "

par Dorian06
(a acheté ce tuto - 24 octobre 2010)

" Je n'arrive pas a fair marcher mon splachscreen il ya que la vue de splashOneViewController qui ce charge, et pas la vue du controller qui ce trouve dans le splashOnevViewController


HELP ME please
"

par fetch
(a acheté ce tuto - 06 octobre 2010)

" Tres bon tutoriel sur iPhone, par contre j'ai un souci sur iPad, il ne me fait pas apparaitre la publicité, on dirait qu'il ne laisse pas le temps de charger l'ecran de pub, et il passe directement sur le splitviewcontroller. "

par flygayouà voté :
(a acheté ce tuto - 23 juillet 2010)

" Bonjour, je reviens vers vous car je ne parvient à réaliser ce que je veut avec cette fameuse StatusBarHidden, j'ai chercher , chercher et chercher encore mais rien !!!

Les paramètres que vous m'indiquer sont malheureusement Deprecated http://developer.apple.com/iphone/library/documentation/UIKit/Reference/UIApplication_Class/Reference/Reference.html "

par lbstephane
(auteur de ce tuto - 22 juillet 2010)

" Vous pouvez mettre ce code dans le appDelegate, toutefois il masquera la bar pour l'ensemble de l'application, sauf le splash avec le Default.png. Je ne suis pas devant mon mac mais pour désactiver la StatuBar uniquement pour une vue vous pouvez faire un [self setStatusBarHidden:YES animated:NO]; je pense. "

par flygayouà voté :
(a acheté ce tuto - 22 juillet 2010)

" Petit problème, vous dites plus haut "Si vous souhaitez laisser la statusBar sur votre application et l'enlever pour le splashScreen vous pouvez utiliser le code suivant : [[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO]; dans les vues où vous souhaitez masquer la barre."

Ou faut-il coller ce code et faut-il faire juste un copier/coller ou changer des choses dedans?

"

par flygayouà voté :
(a acheté ce tuto - 22 juillet 2010)

" Euhh non je crois pas, j'ai juste utiliser un petit soft bien sympa qui me permet de naviguer, d'extraire...etc et qui s'appelle "atPeek" disponible à l'achat sur le store d'Apple !!!

Vous ne connaissiez pas ? "

par lbstephane
(auteur de ce tuto - 22 juillet 2010)

" Le code sources est accessible ? "

par flygayouà voté :
(a acheté ce tuto - 22 juillet 2010)

" Merci !!! je vient de vérifier dans l'application des "Pages Jaunes" comment ils ont procéder et je confirme qu'ils utilisent la première image du SplashScreen comme image "Default.png".
Apparemment la seule grand différence avec votre tuto c'est qu'eux utilisent plusieurs images pour le second SplashScreen et les affichent aléatoirement, images qui entre parenthése servent uniquement pour la publicité , pas mal comme idée pour rentabiliser encore plus son app ;-)

(voir screenshot ici - http://moe.mabul.org/up/moe/2010/07/22/img-0803504v543.png ) "

par lbstephane
(auteur de ce tuto - 22 juillet 2010)

" Merci :)

Oui il vaut mieux, en revanche dans ce cas je vous conseil une image noire. Si votre splash est plus clair, faites des tests pour voir le meilleur rendu. Le Default.png ne devrait pas apparaitre longtemps mais pourrait gâcher l'effet. Vous pouvez également faire un test avec un image de votre premier splashScreen.

Merci pour vos encouragements, ça fait très plaisir.

A bientôt

Stéphane

"

par flygayouà voté :
(a acheté ce tuto - 22 juillet 2010)

" Merci pour cette réponse, non seulement de faire de super tutos, vous êtes dispo pour répondre aux questions de vos aficionados et j'apprécie beaucoup cela ;-) !!!

J'ai en effet réaliser votre tuto aux format générique (iPad/iPhone) et cela fonctionne nickel chrome, j'ai du changer le nom de quelques paramètres dans le code et hop !!!

Dernière petite question !!!

Faut il tout de même inclure le fichier "Default.png" dans les ressources comme Apple l'indique pour voir son application validée avec ce tuto qui remplace donc le Splashscreen générer automatiquement à partir de cette image (Default.png) ? "

par lbstephane
(auteur de ce tuto - 21 juillet 2010)

" Merci pour ce commentaire et cette excellente note attribuée :)

Je ne pense pas faire d'application générique iPhone/iPad pour le moment et ce pour une raison simple. A mes yeux, les applications universelle ne répondent pas au besoin des utilisateurs. Une appli iPhone n'a pas la même ergonomie qu'une appli iPad, aussi je préfère faire des applications spécifiques prenant en considération les possibilités de chacun des devices. Les méthodes employées ici fonctionnent sur iPad, vous pouvez les reproduire sans souci :)

Pour la status bar, je trouve cela plus joli lors d'un splashScreen d'être totalement en plein écran. De plus, lors de l'utilisation d'IB pour créer les vues, il a une fâcheuse tendance à appliquer un décalage lors du push de la seconde vue modale. Si vous souhaitez laisser la statusBar sur votre application et l'enlever pour le splashScreen vous pouvez utiliser le code suivant : [[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO]; dans les vues où vous souhaitez masquer la barre.

Encore merci.

Stéphane "

par flygayouà voté :
(a acheté ce tuto - 21 juillet 2010)

" Encore un super tuto comme vous savez les faire !!!
Juste une petit remarque, il serait peut etre temps de faire des tutos xcode d'app générique iPhone/iPad.

Une petite question, pourquoi masquer la statut bar ? "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Xcode 3.2.3 d’une durée de 25 minutes a été acheté 147 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 13 juillet 2010 par lbstephane, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,6/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Xcode Astuces.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !