iOS
Utilisation des séparateurs d'images

Introduction

Icône de l'application utilisant des éléments d'image

Chaque fois que nous créons un nouveau projet dans Xcode pour notre nouvelle application, il nous donne différents dans les classes construites, des cibles, des tests, fichier plist, etc. De même , il nous donne aussi Assets.xcassets fichier, qui gère tous les actifs d'image dans notre projet.

Voici à quoi ressemble ce fichier dans le navigateur de fichiers:

Si on clique dessus, ça ressemblera à ceci:

Comme je le disais, l’actif AppIcon est déjà créé pour nous.
Il suffit de glisser-déposer l’ image correspondante sur chaque bloc carré vide. Chaque noir nous dira quelle taille doit avoir cette image, elle est écrite juste en dessous.
Après avoir glissé et déposé toutes les images dans tous les carrés, cela ressemblera à ceci:

Nous pouvons également modifier le paramètre des périphériques pour les éléments d’icône dans Utilitaires -> Inspecteur des attributs en tant que:

Une fois ceci terminé, lancez simplement une application et nous aurons une belle icône pour l'appli comme ceci:

C'est par défaut, mais si ce n'est pas le cas, assurez-vous que ces paramètres sont comme dans Target-> General settings:

LaunchImage à l'aide des éléments d'image

L'écran de lancement est un écran qui apparaît lors du lancement de l'application et dure jusqu'à ce que le premier écran de l'application apparaisse.
Pour en savoir plus sur l' écran de lancement et les instructions, cliquez ici .

Semblable à AppIcons, nous devons mentionner dans les paramètres du projet sur l'utilisation des actifs d'image pour l'image de l'écran de lancement.
Par défaut, les paramètres du projet sont les suivants:

Nous devons changer pour aimer ceci:

Une fois ces paramètres modifiés, Xcode nous demande de migrer vers les ressources et de créer automatiquement un fichier LaunchImage dans les ressources en:

Si non créé, nous pouvons en créer un manuellement en cliquant sur le bouton + en bas comme:

Après cela, selon notre exigence, nous pouvons remplacer les cases vides par des périphériques que nous prenons en charge en utilisant l'inspecteur d'attributs en cochant / décochant les cases.

J'ai rempli ces images pour des iPhones de 4 "écran à 5.5" et pour tous les iPads comme:

Voici les tailles de toutes les images de lancement:

Retina HD 5.5" iPhone Portrait - iPhone (6, 6S, 7)Plus - 1242x2208px
Retina HD 4.7" iPhone Portrait - iPhone 6, 6S, 7 - 750x1334px
Retina HD 5.5" iPhone Landscape - iPhone (6, 6S, 7)Plus - 2208x1242px
2x iPhone Portrait - (3.5") iPhone 4S - 640x960px
Retina 4 iPhone Portrait - (4") iPhone 5, 5S, 5C, iPod Touch, SE - 640x1136px
2x iPad Portrait - All Retina iPads - 1536x2048px
2x iPad Landscape - All Retina iPads - 2048x1536px

Remarques:

1 iPads non rétiniens: j'ai laissé en blanc 1x iPad Portrait and Landscape car les iPads non rétiniens utiliseront deux 2x images de lancement par mise à l'échelle

2 12,9 "iPad Pro : il n'y a pas de place pour cet iPad car cet iPad utilisera également 2x iPad images 2x iPad en les redimensionnant

3 Retina HD 5.5 ": l' iPad devrait avoir 1920x1080px pour le portrait et 1080x1920px pour le paysage, mais Xcode donnera des indications et l'image de lancement ne sera pas affichée sur ces appareils

4 SplitView: comme nous utilisons LaunchImage Asset au lieu de LaunchScreen XIB , notre application ne prend pas en charge SplitView sur iPad et iPhone 5.5 "

5 Réinstallation: si notre application est déjà installée sur l'appareil et que nous essayons de l'exécuter avec ces nouveaux éléments d'image de lancement, le périphérique n'affiche parfois pas les images de lancement lors du lancement de l'application. Dans ce cas, il suffit de supprimer l'application de l'appareil, nettoyer + construire le projet et l'exécuter, il affichera de nouvelles images de lancement