À vous de jouer
Je vous propose de mettre tout de suite en pratique vos connaissances d'AutoLayout sur une application simple : ComparImage.
Vous pouvez télécharger le projet à cette adresse.
Cette application permet de comparer deux images en les affichant en même temps sur l'iPhone, comme ceci :
Dans cette activité, vous allez devoir utiliser AutoLayout pour que cette interface s'adapte à tous les iPhones en mode portrait. Vous allez devoir utiliser des contraintes pour que :
Les deux images restent toujours en format carré.
Les deux images gardent toujours la même taille l'une par rapport à l'autre.
Les deux images et le bouton restent toujours centrés horizontalement.
Le bouton garde toujours la même taille et la même distance par rapport au bord bas de l'écran.
Aucune vue ne chevauche l'autre.
À vous de créer les contraintes nécessaires pour y arriver !
Bon courage !
Vérifiez votre travail
Vérifiez que vous avez bien les éléments suivants :
Les deux images restent toujours en format carré.
Les deux images gardent toujours la même taille l'une par rapport à l'autre.
Les deux images et le bouton restent toujours centrés horizontalement.
Le bouton garde toujours la même taille et la même distance par rapport au bord bas de l'écran.
Aucune vue ne chevauche l'autre.
Dans la prochaine partie, nous allons adapter notre interface sur tous les écrans avec les catégories de taille. N’oubliez pas de valider vos acquis avec le quiz – à très vite !
