web-dev-qa-db-fra.com

Icônes d'applications iOS 7, lancement d'images et convention de dénomination 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. Je n'ai donc pas eu beaucoup de temps à jouer avec le SDK iOS 7. Je viens de télécharger la version de Golden Master et d’essayer de mettre à niveau 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 ne sais plus quoi 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 constaté les éléments suivants:

iOS 7 App Icons

et pour lancer des images:

iOS 7 Launch Images

Je peux créer de nouvelles icônes plates pour iOS 7 alors que je veux que les utilisateurs d'iOS continuent à voir les anciens.

Que devrais-je faire? Utilisez le "Utiliser le catalogue d'actifs" ou ajoutez les icônes manuellement. Si j'ajoute les icônes manuellement, comment dois-je nommer ces images? Merci!

iosxcodeios7xcode5
82
AJ112

Absolument Catalogue d'actifs Si vous répondez, cela vous évite de suivre les conventions de dénomination lorsque vous ajoutez ou mettez à jour vos icônes d'application.

Voici les étapes à suivre pour Migration d'un jeu d'icônes d'application ou d'un jeu d'images lancé 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 d'application.

enter image description here

3- Spécifiez une image dans le tableau des icônes d'application en cliquant sur l'icône de dossier située à droite de la ligne d'image et en sélectionnant le fichier image dans la boîte de dialogue qui s'affiche.

enter image description here

4-Migrez les images du tableau des icônes d'application vers un catalogue d'actifs en cliquant sur le bouton Utiliser un catalogue d'actifs, en sélectionnant un catalogue d'actifs dans le menu contextuel, puis en cliquant sur le bouton Migrer.

enter image description here

Vous pouvez également créer un jeu d'icônes d'application vide en choisissant Editeur> Nouvelle icône d'application et ajouter des images à l'ensemble en les faisant glisser depuis le Finder ou en choisissant Editeur> Importer.

78
null

Vous devez utiliser le catalogue d'actifs:

J'ai étudié comment utiliser le Catalogue de ressources. Maintenant, cela semble être facile pour moi. Je souhaite vous montrer comment ajouter des icônes et créer des splash dans le catalogue des ressources.

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

Dans l'image ci-dessous, à droite, vous verrez la zone en surbrillance, où vous pouvez mentionner les icônes dont vous avez besoin. Dans le cas des miens, j'ai sélectionné les quatre premières cases à cocher; Comme pour les besoins de mon application. Vous pouvez sélectionner des choix en fonction de vos besoins.

enter image description here

Maintenant, voir l'image ci-dessous. Lorsque vous sélectionnerez une icône d'application, vous verrez ses détails dans la zone sélectionnée à droite. Cela vous aidera à télécharger l’icône de résolution correcte. enter image description here

Si la résolution correcte ne sera pas ajoutée, l'avertissement suivant apparaîtra. Il suffit de télécharger l'image avec la résolution correcte. enter image description here

Après avoir téléchargé toutes les dimensions requises, vous ne devriez recevoir aucun avertissement. enter image description here

24
msmq

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

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

enter image description here

J'ai testé sur Xcode 5 et une application a été soumise sans l'avertissement d'icône de rétine manquante.

14
ohho

Ajoutons à la publication géniale de @ null sur l'utilisation de Catalogue de ressources.

Vous devrez peut-être effectuer les opérations suivantes pour que l’icône de l’application soit liée et utilisée pour distributions Ad-Hoc/production à voir dans Organiseur, - vol d'essai et, peut-être, emplacements AppStore inconnus.

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

Par défaut, cela devrait être

  • AppIcon
  • LaunchImage

[Pour le voir, cliquez sur votre dossier/icône .xassets dans Xcode.] (Cela peut être changé, prenez donc 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 rétine) [ Notez le préfixe du nom de l'icône ]
  • [email protected] (iPhone rétine)

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

iPad

  • AppIcon72x72~ipad.png (iPad non rétine)
  • AppIcon72x72@2x~ipad.png (iPad rétine)

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

Problème principal

À présent, j'ai remarqué que, dans mon Info.plist de Xcode 5.0.1, il tentait automatiquement de créer une clé pour "Icon files (iOS 5)" après avoir créé le catalogue d'actifs.

Si la référence a été créée avec succès/si cela a été corrigé par Apple ou si vous avez simplement travaillé, tout ce que vous avez à faire est de vérifier les noms des images pour valider le format indiqué ci-dessus.

Solution finale:

Ajoutez la clé suivante à votre main principale .plist

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

<key>CFBundleIcons</key>
<dict>
    <key>CFBundlePrimaryIcon</key>
    <dict>
        <key>CFBundleIconFiles</key>
        <array>
            <string>AppIcon57x57.png</string>
            <string>[email protected]</string>
            <string>AppIcon72x72~ipad.png</string>
            <string>AppIcon72x72@2x~ipad.png</string>
        </array>
    </dict>
</dict>

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

Si vous souhaitez ajouter cette clé dans Xcode sans éditeur externe, procédez comme suit:

  • Icon files (iOS 5) - Dictionnaire
  • Primary Icon - Dictionnaire
  • Icon files - Tableau
  • Item 0 - String = AppIcon57x57.png Et pour chaque autre élément/icône d'application.

Maintenant, lorsque vous archivez enfin votre projet, la charge finale .xcarchive payload .plist inclut désormais les emplacements d'icônes indiqués ci-dessus à construire et à utiliser.

N'ajoutez pas ce qui suit à une liste .plist: Juste un exemple de ce que Xcode va maintenant générer pour votre charge finale

<key>IconPaths</key>
<array>
    <string>Applications/Example.app/AppIcon57x57.png</string>
    <string>Applications/Example.app/[email protected]</string>
    <string>Applications/Example.app/AppIcon72x72~ipad.png</string>
    <string>Applications/Example.app/AppIcon72x72@2x~ipad.png</string>
</array>
4
Danoli3