82 votes

IOS 7 Icônes de l'application, Images de lancement et convention de nommage Tout en conservant les icônes iOS 6

Je viens de terminer une application sur iOS 6 et j'ai acheté un compte développeur il y a une semaine donc je n'ai pas eu beaucoup de temps pour jouer avec le SDK iOS 7. Je viens de télécharger la version Golden Master et j'essaie de mettre à jour mon application pour qu'elle soit compatible avec iOS 7.

J'ai réalisé qu'iOS 7 nécessite un peu de travail avec les icônes d'application. J'ai vérifié de nombreuses questions connexes et je suis confus sur ce qu'il faut faire. J'ai déjà une application iOS 6 avec des icônes d'application et lorsque j'ai installé la version golden master, j'ai vu ce qui suit:

Icônes d'application iOS 7

et pour les images de lancement:

Images de lancement iOS 7

Je peux créer de nouvelles icônes plates pour iOS 7 tout en voulant que les utilisateurs d'iOS voient toujours les anciennes.

Que devrais-je faire? Utiliser le "Use Asset Catalog" ou ajouter les icônes manuellement et si j'ajoute les icônes manuellement, comment devrais-je nommer ces images? Merci!

78voto

null Points 11407

Le Catalogue des ressources est la réponse à votre problème, il supprime le besoin de suivre des conventions de nommage lorsque vous ajoutez ou mettez à jour les icônes de votre application.

Voici les étapes pour Migrer un ensemble d'icônes d'application ou de l'écran de lancement à partir de Apple:

1- Dans le navigateur de projet, sélectionnez votre cible.

2- Sélectionnez le volet Général et faites défiler jusqu'à la section Icônes de l'application.

entrer la description de l'image ici

3- Spécifiez une image dans le tableau d'icônes de l'application en cliquant sur l'icône de dossier sur le côté droit de la ligne d'image et en sélectionnant le fichier image dans la boîte de dialogue qui apparaît.

entrer la description de l'image ici

4- Migrer les images dans le tableau d'icônes de l'application vers un catalogue de ressources en cliquant sur le bouton Utiliser le catalogue de ressources, en sélectionnant un catalogue de ressources dans le menu contextuel, et en cliquant sur le bouton Migrer.

entrer la description de l'image ici

Alternativement, vous pouvez créer un ensemble d'icônes d'application vide en choisissant Éditeur > Nouvelle icône d'application, et ajouter des images à l'ensemble en les faisant glisser depuis le Finder ou en choisissant Éditeur > Importer.

24voto

msmq Points 168

Vous devriez utiliser le catalogue d'actifs :

J'ai enquêté sur la façon dont nous pouvons utiliser le catalogue d'actifs ; Maintenant, cela me semble facile. Je veux vous montrer les étapes pour ajouter des icônes et un splash dans le catalogue d'actifs.

Note : Pas besoin de faire d'entrée dans le fichier info.plist :) Et aucune autre configuration.

Dans l'image ci-dessous, du côté droit, vous verrez la zone surlignée, où vous pouvez indiquer les icônes dont vous avez besoin. Dans mon cas, j'ai sélectionné les quatre premières cases à cocher ; Car il s'agit des besoins de mon application. Vous pouvez choisir en fonction de vos besoins.

entrer la description de l'image ici

Maintenant, voyez l'image ci-dessous. Lorsque vous sélectionnerez une icône d'application, vous verrez ses détails dans la zone sélectionnée du côté droit. Cela vous aidera à télécharger l'icône à la bonne résolution. entrer la description de l'image ici

Si une image avec la bonne résolution n'est pas ajoutée, l'avertissement suivant apparaîtra. Il suffit de télécharger l'image avec la bonne résolution. entrer la description de l'image ici

Après avoir téléchargé toutes les dimensions requises, vous ne devriez pas recevoir d'avertissement. entrer la description de l'image ici

14voto

ohho Points 17243

Si vous ne voulez pas utiliser le catalogue d'actifs, vous pouvez ajouter une icône iOS 7 pour une ancienne application en créant une image .png de 120x120. Nommez-la Icon-120.png et faites glisser dans le projet.

Sous CIBLE > Votre application > Informations > Fichiers d'icônes, ajoutez une entrée supplémentaire dans les propriétés de la cible :

entrez la description de l'image ici

J'ai testé sur Xcode 5 et une application a été soumise sans le message d'avertissement sur l'icône manquante pour retina.

4voto

Danoli3 Points 560

D'accord ajoutant au post impressionnant de @null sur l'utilisation du Catalogue des ressources.

Vous devrez peut-être faire ce qui suit pour lier l'icône de l'application et la faire fonctionner pour les distributions Ad-Hoc / production pour être visible dans l'Organiseur, Test flight et éventuellement des emplacements inconnus de l'AppStore.


Après avoir créé le Catalogue des ressources, notez le nom des images de lancement et des icônes d'application répertoriés dans le .xassets dans Xcode.

Par défaut, cela devrait être

  • AppIcon
  • LaunchImage

[Pour voir cela, cliquez sur votre dossier/icône .xassets dans Xcode.] (cela peut être modifié, alors prenez simplement note de cette variable pour plus tard)


Ce qui est créé maintenant à chaque construction sont les structures de données suivantes dans votre .app:

Pour les icônes d'application:

iPhone

  • AppIcon57x57.png (iPhone non retina) [Remarquez le préfixe du nom de l'icône]
  • AppIcon57x57@2x.png (iPhone retina)

Et le même format pour chacune des autres résolutions d'icône.

iPad

  • AppIcon72x72~ipad.png (iPad non retina)
  • AppIcon72x72@2x~ipad.png (iPad retina)

(Pour iPad c'est un postfix légèrement différent)


Problème principal

J'ai remarqué que dans mon Info.plist dans Xcode 5.0.1, il a automatiquement tenté et échoué de créer une clé pour "Fichiers d'icône (iOS 5)" après avoir terminé la création du Catalogue des ressources.

S'il a réussi à créer une référence avec succès / cela a peut-être été corrigé par Apple ou juste fonctionné, alors tout ce que vous avez à faire est de vérifier les noms d'image pour valider le format listé ci-dessus.

Solution finale:

Ajoutez la clé suivante à votre .plist principal

Je vous suggère d'ouvrir votre .plist principal avec un éditeur de texte externe tel que TextWrangler plutôt que dans Xcode pour copier et coller la clé suivante.

CFBundleIcons

    CFBundlePrimaryIcon

        CFBundleIconFiles

            AppIcon57x57.png
            AppIcon57x57@2x.png
            AppIcon72x72~ipad.png
            AppIcon72x72@2x~ipad.png

Veuillez noter que je n'ai inclus que mes résolutions d'exemple, vous devrez les ajouter toutes.


Si vous souhaitez ajouter cette clé dans Xcode sans éditeur externe, utilisez ce qui suit:

  • Fichiers d'icône (iOS 5) - Dictionnaire
  • Icône primaire - Dictionnaire
  • Fichiers d'icône - Tableau
  • Élément 0 - Chaîne = AppIcon57x57.png Et pour chaque autre élément / icône d'application.

Maintenant, lorsque vous archivez enfin votre projet, le fichier .plist du chargeur final .xcarchive inclura maintenant les emplacements d'icône indiqués ci-dessus pour être construits et utilisés.

Ne pas ajouter ce qui suit à un .plist : Juste un exemple de ce que Xcode générera maintenant pour votre charge utile finale

IconPaths

    Applications/Exemple.app/AppIcon57x57.png
    Applications/Exemple.app/AppIcon57x57@2x.png
    Applications/Exemple.app/AppIcon72x72~ipad.png
    Applications/Exemple.app/AppIcon72x72@2x~ipad.png

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X