• 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 26/02/2020

Classez les tailles d'écran des appareils iOS

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Pour aborder sereinement la question de la gestion des tailles d'écran, commençons par faire le tour des tailles que vous allez devoir gérer en iOS.

Les tailles d'écran

On parle généralement des tailles d'écran en pouce (noté '') et on mesure la diagonale.

En iOS, il y a deux grandes familles de tailles :

  • les tailles iPhone et iPod

  • les tailles iPad

Dans chaque famille il y a plusieurs tailles différentes, que je vous résume dans le schéma ci-dessous.

 Ce schéma résume les neuf tailles existantes dans la famille iOS avec la liste exhaustive de tous les appareils iOS associés. Inutile que vous connaissiez tout cela par coeur. Sachez seulement qu'il y a cinq tailles pour l'iPhone et quatre pour l'iPad. Et ces neuf tailles, vous pouvez toutes les visualiser dans le storyboard !

Visualiser les tailles dans le storyboard

Pour changer la taille de l'interface dans le storyboard, il faut utiliser le sélecteur de tailles. En bas à gauche du storyboard, vous avez le bouton suivant :

 

Cliquez dessus pour révéler le sélecteur de taille.

Ici vous pouvez sélectionner la taille à laquelle vous souhaitez afficher les interfaces de votre storyboard. Par défaut, la taille est celle de l'iPhone 8 (4,7 pouces), mais vous pouvez modifier ça à votre guise.

Je vous invite à jouer un peu avec. Il y a trois réglages possibles :

  • la taille

  • l'orientation

  • l'adaptation

La taille

La taille de l'écran permet de choisir tout simplement la taille d'écran que l'on souhaite visualiser.

Il y a bien cinq tailles pour l'iPhone, mais il n'y a que trois tailles pour l'iPad ! Ils en ont oublié une ?

Bien vu ! La taille de l'iPad Mini (7,9 pouces) ne peut pas être visualisée. Pourquoi ? Et bien, car cette taille garde exactement les proportions de l'iPad normal (9,7 pouces). Donc on peut développer pour l'iPad et iOS s'occupe automatiquement de mettre à l'échelle l'interface pour l'iPad Mini. Pratique !

L'orientation

On peut décider d'afficher l'orientation paysage ou portrait.

L'adaptation

Si vous choisissez l'un des iPad dans le sélecteur, un troisième réglage est disponible : l'adaptation.

En effet sur l'iPad, on peut afficher deux applications l'une à côté de l'autre. Apple appelle cela Split View. Du coup l'application ne prendra plus tout l'écran, il faut donc prévoir la variation de la taille de l'interface dans ce cas. Et c'est avec le réglage Adaptation qu'on peut le visualiser.

En résumé

  • Il a neuf tailles d'écran différentes pour les appareils iOS, quatre pour l'iPad et cinq pour l'iPhone et l'iPod touch.

  • Comme avec le mode aperçu dans le chapitre précédent, le sélecteur de taille vous permet donc de visualiser ce que donne votre application sur différents appareils directement dans le storyboard. Et vous pouvez voir que dès que l'on quitte l'iPhone 8, ça n'est pas très probant !

Dès le prochain chapitre, nous allons commencer à résoudre ce problème !

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