Tutoriel : créez votre propre thème pour iPhone

iphone pour les nulsAujourd'hui, nous allons voir comment créer un thème HD de A à Z

Comme d'habitude sur iPhonesoft, voici donc une nouvelle astuce pour les experts qui vient garnir la section iPhone Expert.

Pour les débutants en quête de savoir, n'hésitez pas à vous référer à notre lexique pour iPhone, iPod et iPad.

Si vous rencontrez des problèmes ou si vous voulez partager vos expériences, n’hésitez pas à vous diriger vers le forum iPhoneSoft.

Attention les noms de fichiers sont à respecter scrupuleusement pour éviter les mauvaises surprises.

Pour se faire, il faut bien préparer le terrain et s'assurer d'être en possession des éléments suivants :

  • Un iDevice Jailbreaké
  • Winterboard
  • Un logiciel de retouche d'image type PhotoFiltre, PhotoShop,...

Et avoir les compétences suivantes :

  • Un minimum de compréhension du langage HTML
  • Savoir se connecter en SSH
 

La première des étapes est de se créer un dossier dans lequel on va construire le thème, créer-le sur votre bureau et nommez-le par exemple VotreTheme.theme.

Il est important de bien le nommer ***.theme pour qu'il soit reconnu par Winterboard.

A partir de là vous avez plusieurs solutions, vous pouvez très bien, récupérer 2/3 thèmes par ci par là en respectant l'architecture classique d'un thème et vous aurez une espèce de melting-pot de thème arrangé à votre manière, ou retroussez vos manches et vous atteler à la création de votre propre thème de A à Z.

Mise au point sur l'architecture d'un thème dans le dossier principal où vous trouverez :

  • Une série de fichiers concernant le look extérieur de votre iPhone : SpringBoard, LockScreen, Background
  • Un dossier UISound : répertoire des sons personnalisés
  • Un dossier UIImages : répertoire des images personnalisées
  • Un dossier Icons : répertoire des icônes personnalisées
  • Un dossier Bundles : répertoire des personnalisations des applications
  • Éventuellement un dossier Private : utilisé pour les dépendances des widgets,...



Il faut savoir que selon les iDevices la taille des fonds d'écran,... peuvent changer, nous allons pour cet exemple partir sur iPhone 4 donc qui fonctionnera pour tous les appareils ayant un écran rétina. Pour les iPad, changez la taille des images (Wallpaper, Background,...), et pour les anciens iPhone et iPod changez la taille de toutes les images et enlevez @2x à la fin des noms.

  • Première étape : mettre un fond d'écran

Cette étape est relativement simple il suffit de trouver une image qui mesure 320*480 en format *.png, de la nommer Wallpaper.png et de la glisser dans le dossier. Vous pouvez si vous le souhaitez mettre un Wallpaper différent à chaque page de votre SpringBoard, il faut dans ce cas télécharger autant d'images que vous souhaitez et les nommer Wallpaper0.png, Wallpaper1.png, Wallpaper2.png,... Vous pouvez aussi faire un fond d'écran qui change à intervalle régulier, mais je ne pourrai pas l'expliquer ici ! Mais vous trouverez sur notre repo cydia.iPhoneTweak.fr un exemple de thème avec un wallpaper qui change automatiquement (Thème iPhoneSoft/iPhoneTweak).

Wallpaper et SMSBackground

  • Deuxième étape : changer le fond des SMS

Il suffit d'ajouter, toujours dans le dossier Source de votre thème une image de 320*480: SMSBackground.png

  • Troisième étape : Changer votre LockScreen

Toujours pareil, une image de 320*480 nommée LockBackground.png

  • Quatrième étape : Modifier la couleur et la police des Label des icônes

Ouvrez un nouveau document texte et rentrez les lignes de codes suivantes:

Info.plist

Une fois le document recopié vous pouvez modifier à souhaits la police et la couleur (assurez-vous de choisir des polices que l'iPhone a d'origine) et enregistrez le document sous le nom : Info.plist

Fichier.plist et résultat

Voilà vous avez désormais un iPhone un peu personnalisé, mais ça n'est pas fini.

Dans le dossier Source, il faut créer un dossier nommé Icons, dans lequel on va mettre toutes les icônes pour toutes les applications que l'on voudra personnaliser.

Attention encore à l’orthographe des applications et faites attention, les transferts en SSH peuvent modifier les caractères spéciaux

Quelques règles à respecter pour la création d'icône :

  • Votre icône doit faire 67*67
  • Votre icône doit être au format *.png
  • Le fond de votre icône doit être transparent

Vous pourrez trouver des icônes à télécharger légalement :

  • PNG Factory
  • CrystalXP
  • IconesPro

Quand vous aurez mis votre thème sur votre iPhone il est possible qu'une ombre vienne ternir le fond de vos icônes dans ce cas ajoutez le tweak NoIconShadow.

Une fois ce dossier créé et terminé, il faut créer un dossier UISound.

  • UISound

Ce dossier contient tous les sons que vous personnaliserez, du son déverrouillage au son d'envoi du SMS en passant par celui de l'envoi de mail.
Les fichiers son doivent être au format *.caf et de la même durée que ceux d'origine ou approximativement.
Les noms de fichiers sont :

  • Tock : clic du clavier
  • alarm : alarme de batterie faible
  • low_power : alarme de batterie faible en communication
  • mail-sent : envoi d'un mail
  • photoShutter : son d'une prise de photo
  • sms-received : son d'un sms reçu
  • lock : son du verrouillage
  • new-mail : son d'un mail reçu
  • SentMessages : son d'un SMS envoyé
  • beep-beep : son au branchement de l'iPhone
  • unlock : son du déverrouillage
  • ReceivedMessage : son d'un SMS reçu, application SMS ouverte


Une fois le dossier Son créé, il faut créer le dossier UIImage.

  • UIImage

Ce dossier contiendra les images de personnalisation de votre SpringBoard

  • AppIconOverlay@2x.png : 118*120
  • UITableSelection@2x : 320*43
  • Black_0_(Wifi)Bars à Black_3_(Wifi)Bars et Silver_0_(Wifi)Bars à Silver_3_(Wifi)Bars 20*20 : barres du WiFi et du réseau.

Il n'y a ici qu'une sélection, il est impossible de tout mettre car il y en a beaucoup, mais vous pouvez fouiller à travers les thèmes pour en trouver d'autres !

Passons maintenant au dossier Bundles

  • Bundles

Ce dossier contient également des éléments de personnalisation du SpringBoard, mais afin d'éviter tout conflit, il vaut mieux les placer dans ce dossier que dans le dossier UIImage.

Une fois le dossier créé il faut à nouveau créer une arborescence de dossiers qui contiendront un seul fichier : l'icône du menu Réglages. Cette icône doit être nommée icon@2x et mesurer 58*58.

  • com.apple.AccountSettings
  • com.apple.mobileipod.settings
  • com.apple.mobilephone.settings
  • com.apple.mobilesafari.settings
  • com.apple.mobileslideshow.settings
  • com.apple.mobilesms.settings
  • com.apple.mobilestore.settings
  • com.apple.Preferences.settings
  • com.saurik.winterboard.settings

Créez à présent un dossier nommé com.apple.springboard dans lequel il faut qu'il y ait des images au format *.png :

  • BatteryBG_1@2x à BatteryBG_17@2x 528*258 : image du chargement de la batterie sur le LockScreen
  • FolderIconBG@2x 118*124 : fond des dossiers d’icônes
  • FolderSwitcherBG@2x 640*960 : fond du multitâche et des dossiers d'icônes (ouvert)
  • SBBadgeBG@2x 58*62 : badge de notification
  • SBBadgeExclamation@2x 58*62 : badge de notification signalant un problème

Grâce à cet article vous pourrez créer des thèmes sans aucun problème ! N'hésitez pas à commenter sur cet article pour demander de l'aide ou à créer des topics sur le forum iPhoneSoft.

Nous n'avons pas pu mettre toutes les options de personnalisation car un article ne suffirait pas mais n'hésitez pas à vous inspirer des thèmes présents sur notre repo cydia.iphonetweak.fr pour apprendre et progresser.

Vous aimerez peut-être

Nos derniers articles

Suivez-nous avec notre app iSoft
Articles populaires
Donner votre avis

 





Les réactions

27 FunBob

16/03/2014 à 11h18 :

Salut et merci pour ce tuto.
Je l'avais suivi quand j'étais sous ios6. Impec.
Mais maintenant que je suis sous ios7, avant de commencer à tripoter, j'aimerai savoir si le tuto est toujours valable.

26 Tyflan

17/03/2013 à 16h44 :

Je réponds tout seul à ma propre question, ca peut éventuellement aider quelqu'un plus tard! La dimension 320x568 me parait parfaite!

25 Tyflan

17/03/2013 à 15h50 :

Bonjour à tous! Tout d'abord, merci pour cet article qui explique beaucoup de chose! J'ai un iPhone 5, l'écran est donc plus grand. Quelle doit être la dimension de l'image pour le lockscreen ou le springboard?
Merci de votre réponse =)

24 azdine92

03/11/2012 à 01h26 :

Bonjour !
Dans la quatrieme etape, je n'arrive pas a lire ce qu'il y a a reecrire dans le traitement de texte, l'image est trop flou ! Merciiiiii !
Et aussi je voudrais savoir comment transferer le travail fait sur PC vers mon iphone (je sais question bete quand on est un geek mais moi je suis pas un geek mais un debutant) ;)
Merci a vous !!!

23 Alex

02/08/2012 à 19h44 :

Bonjour je cherche ou tu as trouve des images pour la batterie mais je ne trouve pas ... Si tu peux me dire ou tu les a prise s'il-te-plait!
Merci

22 Chmilblike - iPod touch

18/03/2012 à 15h52 :

Merci beaucoup, j'ai réussi à créer un thème grace à d'autres thèmes !
Continue comme ça !

21 RedRoss - iPhone

18/03/2012 à 09h26 :

Merci beaucoup !! Ça faisait un moment que je voulais changer quelques icônes un peu laides et je ne savais pas trop comment m'y prendre. Je m'y mets de suite =p

20 Lafripo

17/03/2012 à 16h37 :

@Giovanni - iPhone :
Merci pour ta réponse ;)
J'ai déjà essayé le key timestyle :

<key>TimeStyle</key>
<string>/*font-family: monospace; font-size: 16px*/color: red </string>

...ça ne marche pas! Ça doit être autre chose...

@ViRuS-MaN : aucune idée, il me semble que la status bar est très spécifique et que les infos qu'elle affiche ne puisse être customiser en utilisant le info.plist comme il était possible de le faire sur les ios 4.x .



19 ViRuS-MaN

17/03/2012 à 13h59 :

Quelqu'un sait comment changer la couleur des caractères du status bar.

18 Lafripo

17/03/2012 à 12h34 :

@Hugo - iPod touch :
Comment ça tu n'arrive pas à enregistrer une image dans ifile?

Je comprend pas trop ... Explique mieux ce que tu as fais ou ce que tu cherches à faire , qu'elle est ton iOS qu'elle est ton idevice ?


Relance : personne n'a de technique pour changer la couleur de l'heure de la status bar? ... Je pense qu'il me fait juste un <key> et un <string> valide pour le info.plist mais je ne les trouve nul par (enfin aucun de valide quoi)

17 Giovanni - iPhone

17/03/2012 à 12h01 :

VoIla le mien!!!

16 Hugo - iPod touch

17/03/2012 à 11h34 :

@Lafripo
Oui mais je n'arrive pas à enregistrer une image dans iFile.

15 Hugo - iPod touch

16/03/2012 à 23h53 :

HS : Comment avait vous fait pour changer de fond d'écran dans iMessage.
Avec quelle tweak ???
Avec iFile ???
Merci de votre réponse.

14 Adina - iPod touch

16/03/2012 à 19h51 :

Thèmes entièrement créé par mes soins

13 Blahblah - iPhone

16/03/2012 à 19h23 :

Je ne vais meme pas essayer mais un grand BRAVO a vous pour ce tuto qui a l air bien clair et donne envie d essayer !!!

12 Marco - iPod touch

16/03/2012 à 19h14 :

@Itoucher - iPod touch

En tout ca merci pour ton aide dans le fofo

11 Greg0017 - iPod touch

16/03/2012 à 18h56 :

Pas mal, mais très incomplet (je ne critique pas, un tuto contenant tout prendrait plusieurs jours à être réalisé). Quand je vois que certains de mes thèmes contiennent plus de 1000 (non il n'y a pas un 0 en trop) fichiers :D

10 Itoucher - iPod touch

16/03/2012 à 18h12 :

@Marco - iPod touch
Possible 😜

9 Marco - iPod touch

16/03/2012 à 18h01 :

Ca c grace a ma disussion dans le forum!😜

8 Jcs - iPhone

16/03/2012 à 17h47 :

Je me suis aussi débrouiller seul , je suis encore au début voilà le rendue.J'en suis encore loin , mes merci pour l'article c'est Super.

7 Zoostar - iPhone

16/03/2012 à 17h44 :

Respect Axel pour cet article au top !
Tu peux aller faire une sieste bien méritée ;)

6 Byothe (rédacteur)

16/03/2012 à 17h43 :

Alors la ça envoie du lourd ! Bravo Axel !

5 Oliver

16/03/2012 à 17h38 :

Waou super article les gars, merci !!!!

4 Ght1vc - iPod touch

16/03/2012 à 17h37 :

Codethemed est plus simple mais il faut l'app cydia et créé le thème sur internet www.codethemed.com

3 LightVador - iPod touch

16/03/2012 à 16h53 :

Pareil que Itoucher, j'ai un peu appris tout seul en reprenant sur d'autres thèmes mais la je dois vous dire que votre article est exceellent ! :)

2 Youssef

16/03/2012 à 16h51 :

ENORME !!!

1 Itoucher - iPod touch

16/03/2012 à 16h44 :

Ouah… bien joué les gars… j'ai appris ça tout seul en trifouillant mais là chapeau: c'est clair, simple mais un peu trop d'ailleurs comme vous dites :)