Structure et Modification du Layout pour le Mode Landscape
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à créer et organiser un layout pour le mode paysage.
- Comprendre la structuration XML pour le linear layout et grid layout.
- Optimiser l'affichage des éléments UI en mode landscape.
Résumé
Apprenez à adapter le layout d'une application mobile pour le mode landscape, en repositionnant les éléments UI pour une meilleure expérience utilisateur.
Description
Passons maintenant à la réalisation du layout dédié au mode landscape pour la partie jeu de notre application. On remarque sur notre slide ici que les boutons sont dans la partie droite de l'écran et les différents pictos des joueurs dans la partie gauche. Ce qui va simplifier évidemment notre mise en forme.
Nous devons créer un dossier layout-land dédié au layout pour le mode paysage et y copier notre layout précédent avant de le modifier. En orientation horizontale, les éléments du linear layout seront organisés de manière différente : le pavé à gauche et les boutons disposés verticalement à droite.
Pour cela, nous aurons besoin de structurer différemment le linear layout principal et de vérifier la disposition des éléments UI comme les grid layout et image view. L'objectif est de rendre l'application adaptable et fluide à la fois en mode portrait et paysage.
Une fois les modifications apportées, une vérification et publication permettent de confirmer le bon fonctionnement de l'application sur un device réel, assurant une expérience utilisateur optimale quelle que soit l'orientation de l'écran.