• Home
  • Nous contacter

Le blog d'Adfab

Le blog d'Adfab

Le blog d'Adfab

Le blog d'Adfab
Mobile

Cordova / Phonegap: icônes et splashscreen sous Xcode 5

Depuis la version 5 de xcode, Apple a mis en place une nouvelle façon de gérer les images, les catalogues d’images, ou « assets catalog ».

Par le passé, lors de projets cordova ou phonegap, la mise en place d’icones et de splashscreen n’a jamais jamais été simple:

  • plusieurs façons d’ajouter des icones/splashscreen 
  • complexités des différents tailles d’icones à chaque nouvelle version d’iOS.
  • l’ajout de   dans le config.xml fonctionne uniquement pour Phonegap Build.

Nous allons voir comment simplifier ces taches avec la nouvelle fonctionnalité d’Xcode 5.

1 – Vous avez déjà des icônes et splashscreen en place dans votre projet xcode:

Il suffit de cliquer sur « Use Asset Catalog » dans les parties « App Icons » et « Launch Images »:

Capture-d’écran-2014-03-26-à-11.04.09

Xcode vous demandera de migrer vos images vers un catalogue, choisissez d’en créer un nouveau.

2 – Fonctionnement des « Assets Catalog »:

Xcode sauvegarde les « assets catalogs » dans « Ressources », exemple: Images.xcassets

Vous pouvez y accéder  soit en cliquant sur la petite flèche à droite dans App Icons et Launch Images, soit directement dans le dossier « Resources/Images.xcassets ».

Capture-d’ecran-2014-03-26-a-11.16.48

Nous avons ici 2 « assets catalog », un pour les icônes et un pour les splashscreen .Si vous avez migré vos anciens fichiers, le catalogue devrait déjà être rempli.

Pour modifier/ajouter des images, il suffit simplement de les glisser/déposer depuis le finder vers les cases appropriés, c’est aussi simple que ça!

Sur le panneau de droite (pensez bien à l’ouvrir dans xcode), vous pouvez configurer votre catalog:

  • versions d’iOS (6.1, 7.0, etc)
  • devices (iphone, ipad, mac)
  • « iOS icon is pre-rendered » (activer pour retirer l’effet gloss des icônes)
  • orientations (uniquement pour les splashscreen)

Dernier point, il faut retirer certaines valeurs dans votre fichier .plist:

Capture-decran-2014-03-26-a-11.35.27

Retirez ces trois clés, sinon vous aurez des erreurs lors de la validation de votre application. Elles sont nécessaires pour l’ancienne méthode (sans assets catalogs) mais Xcode ne les retire pas automatiquement.

14/04/2014 17 MIN READ TAGS: Apache Cordova BY: Mikael L'HARIDON 0 COMMENT
SHARE
LIRE LA SUITE

Mikael L'HARIDON

Snippets Facebook JS

Simplifier les shortcodes

VOUS POURRIEZ AIMER

Mobile Cordova et limites des web workers

Mobile Application mobile : Native ou hybride ?

Mobile Phonegap: Utiliser des polices systèmes

Mobile Développer ses applications Phonegap sur son navigateur

Mobile Présentation de Phonegap 3.0

Mobile Améliorer la performance de ses applications Phonegap

A propos d’Adfab

Nous sommes un studio de production digitales et d’innovation digitales au service des agences et des annonceurs
Nous recherchons le scintillement dans les regards et le plaisir de réalisations sur-performantes
Nous sommes techno-agnostiques
Nous sommes Adfab

Le blog d'Adfab
Copyright © 2018 Adfab Connect