• 10 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 20/12/2023

Entraînez-vous à utiliser AutoLayout sur l'application ComparImage

À 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 :

Sur l'écran, une image colorée, puis une image grisée au dessus d'un bouton
ComparImage

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 !

Exemple de certificat de réussite
Exemple de certificat de réussite