
Comment personnaliser l'écran de lancement de votre app ?
Configurer le Splash screen de son app.
Bonjour et bienvenue dans votre back office GoodBarber !
Aujourd'hui je vais vous apprendre à personnaliser les écrans de lancement de votre app !
Les écrans de lancement sont les images qui apparaissent au lancement de l'application native iOS et Android pendant le chargement du contenu.
Pour paramétrer nos écrans de lancement allons dans le menu My app > Design > Design Général.
Ouvrons le menu Launch screen.
Ici vous avez deux possibilités.
Utiliser l'assistant de création ou créer un écran d'acceuil totalement custom.
Commencons par l'assistant.
Ici vous pouvez Ajouter du texte ou un logo.
Par exemple je veux faire apparaitre le nom de mon spa Freyja spa, et mon sloggan. Il me suffit de les inscrire dans la zone d'edition de texte.
Voilà.
Si je préfère un logo, il me suffit de cliquer sur l'onglet comme cela et de télécharger une image dans les dimensions demandée.
Mais revenons sur le texte!
Dans le menu de droite je peux paramétrer la police de caractères, la couleur du texte, et les effets éventuels.
Ensuite je n'ai plus qu'à créer le fond de mon écran de lancement.
soit une couleur, soit une image de fond à choisir dans la bibliothèque unsplash du back office, ou à télécharger depuis mon ordinateur.
Je vais aller voir dans la bib liothèque unsplash.
Et voilà ! mon écran de lancement est prêt !
Je clique sur générer et c'est bon, je confirme les modifications.
Les écrans sont automatiquement générés dans les formats requis pour tous les appareils.
Facile non?
Maintenant essayons l'option Custom.
Ici il n'y rien de plus simple, il vous suffit de télécharger votre écran que vous aurez préalablement créé dans dans toutes les tailles demandées.
Voilà c'est déjà fini !
Vous savez maintenant comment personnaliser l'écran de lancement de votre application.
A bientôt pour un nouveau tutoriel !
Vidéos similaires








