SOSiPhone

Ce tutorial a pour but de vous décrire de façon imagé, la quasi totalité des possibilités de personnalisation de votre iPhone / iPod Touch.

Chaque chapitre sera basé sur une partie de l'iPhone/iPod Touch ou sur une application spécifique
Chaque partie graphique sera détaillée dans un encadré.

Certains pré-requis sont cependant nécessaire:
- Avoir Jailbreaker son iPhone/iPod Touch
- Avoir installé et connaître le fonctionnement de l'application Winterboard (Voir le Tuto de BonZ@i)

Toutes les descriptions d'éléments graphiques de ce tuto se présenterons comme ceci :



Attention, ce tuto étant très imagé, il est recommandé de disposer d'une connexion haut débit pour le consulter.

Bon, aller c'est parti!!

Notez que ce tutorial est en perpétuel changement, revenez-y régulièrement pour voir les nouveautés

Notez également que le principe original de ce tutorial est de moebius80

Attention ! Si vous utilisez le FirmWare 3.0 plusieurs images ayant changé de chemin, elles ne sont plus prisent en compte dans Winterboard.
Jettez un oeil à l'annexe 3 du tuto pour corriger ces problèmes

ChangeLog :
09 mai 2009 :
Ajout des Chapitres 5 - SpringBoard et 6.1 - Application Téléphone en Communication

10 mai 2009 :
Ajout des archives d'images originales pour UIImages, TelephonyUI.framework, Springboard.app et MobilePhone.app

19 mai 2009 :
Ajout de l'annexe 2 - Info.plist

07 juin 2009 :
Ajout des dernières modifications de l'application Téléphone en communication et des onglets "Favoris" et "Appels"

06 juillet 2009:
Correction de quelques erreurs
Ajout de l'annexe 3 : Les changements FW 2.x et 3.x



1.1 - Original, non connecté



1.2 - En Chargement



1.3 - En lecture de musique





2.1 - Par Code



2.2 - Par Code PIN









4.1 - Les fonds

Ce sont les images utilisées comme arrière plan dans la StatusBar.
Toutes les images vont dans /Bundles/com.apple.springboard/

Fond sur le Lockscreen / Verrouillage par code / par code PIN / après code PIN incorrect
=> FST_BG.png

Fond sur l'écran de verrouillage par code en cas de code incorrect
=> Error_BG.png

Fond sur le SpringBoard
=> FSO_BG.png

Fond dans une application
=> Default_BG.png

4.2 - Les Icônes

- Logo opérateur sur le SpringBoard & le Lockscreen
FSO_CARRIER_XXXXXXX.png (Les XXXXXXX sont à remplacer par l'opérateur.)
(Par exemple pour Orange France ça sera "FSO_CARRIER_Orange F.png")
A Placer dans /Bundles/com.apple. XXXXXXX/(Les XXXXXXX sont à remplacer par l'opérateur.)
(Par exemple pour Orange France ça sera "/Bundles/com.apple.Orange_France")

- Logo opérateur dans une application
Default_CARRIER_XXXXXXX .png (Les XXXXXXX sont à remplacer par l'opérateur.)
(Par exemple pour Orange France ça sera "Default_CARRIER_Orange F.png")
A Placer dans /Bundles/com.apple. XXXXXXX/(Les XXXXXXX sont à remplacer par l'opérateur.)
(Par exemple pour Orange France ça sera "/Bundles/com.apple.Orange_France")

Vous trouverez toutes les infos nécessaires sur le nom des icônes dans le dossier "/System/Library/Carrier Bundles/" de votre iPhone.

Toutes les images suivates vont dans /Bundles/com.apple.springboard/

4.2.1 Sur le SpringBoard & le Lockscreen :


FSO_BatteryBG.png (Contour de la batterie)
FSO_BatteryCharged.png (Batterie chargée)
FSO_BatteryCharging.png (Batterie en charge)
FSO_BatteryInsides.png (Couleur du niveau de la batterie)
FSO_BatteryLowBG.png (Batterie Faible)


FSO_0_Bars.png (Aucune barre)
FSO_1_Bars.png (Une barre)
FSO_2_Bars.png (Deux barres)
FSO_3_Bars.png (Trois barres)
FSO_4_Bars.png (Quatre barres)
FSO_5_Bars.png (Cinq barres)


FSO_0_AirPort.png (Aucune barre)
FSO_1_AirPort.png (Une barre)
FSO_2_AirPort.png (Deux barres)
FSO_3_AirPort.png (Trois barres)

=> FSO_EDGE_ON.png

=> FSO_UMTS_ON.png

=> FSO_GPRS_ON.png

=> FSO_Airplane.png

=> FSO_AlarmClock.png

=> FSO_Bluetooth.png

=> FSO_BluetoothActive.png

=> FSO_Play.png

=> FSO_TTY.png

Logo Oreillette
Contour => FSO_HeadsetBatteryBG.png
Remplissage => FSO_HeadsetBatteryFill.png
Batterie faible => FSO_HeadsetLowBatteryFill.png

4.2.2 Dans une application :


Default_BatteryBG.png (Contour de la batterie)
Default_BatteryCharged.png (Batterie chargée)
Default_BatteryCharging.png (Batterie en charge)
Default_BatteryInsides.png (Couleur du niveau de la batterie)
Default_BatteryLowBG.png (Batterie Faible)


Default_0_Bars.png (Aucune barre)
Default_1_Bars.png (Une barre)
Default_2_Bars.png (Deux barres)
Default_3_Bars.png (Trois barres)
Default_4_Bars.png (Quatre barres)
Default_5_Bars.png (Cinq barres)


Default_0_AirPort.png (Aucune barre)
Default_1_AirPort.png (Une barre)
Default_2_AirPort.png (Deux barres)
Default_3_AirPort.png (Trois barres)

=> Default_EDGE_ON.png

=> Default_UMTS_ON.png

=> Default_GPRS_ON.png

=> Default_Airplane.png

=> Default_AlarmClock.png

=> Default_Bluetooth.png

=> Default_BluetoothActive.png

=> Default_Play.png

=> Default_TTY.png

Logo Oreillette
Contour => Default_HeadsetBatteryBG.png
Remplissage =>Default_HeadsetBatteryFill.png
Batterie faible => Default_HeadsetLowBatteryFill.png






Toutes les images originales de l'application Téléphone [89 fichiers / 378ko]

6.1 En Communication :







6.2 Onglet "Favoris" :





6.3 Onglet "Appel" :







Dans cet annexe vous pourrez télécharger des archives contenant toutes les images originales afin d'avoir des infos supplémentaires comme la taille des images ou encore la transparence de ces dernières.

Toutes les images qui doivent être placé dans le dossier UIImages de votre thème
[730 fichiers / 5mo]

Toutes les images qui doivent être placé dans le dossier TelephonyUI.framework de votre thème
[33 fichiers / 144ko]

Toutes les images originales de Springboard.app
[151 fichiers / 1mo]

Toutes les images originales de l'application Téléphone
[89 fichiers / 378ko]


Le fichier info.plist est un fichier "texte" qui doit se trouver à la racine de votre thème et qui permettra de modifier l'apparence de différents textes de votre iPhone / iPodTouch.

Notez que chaques applications utilisent un fichier info.plist mais que la plupart des lignes présentent dans ces fichiers ne nous sont pas d'une grande utilitée pour la customisation (par ex: CFBundleIdentifier, MinimumOSVersion, etc...)

Pour chaques textes corresponds une ligne de code qui a l'achitecture suivante:
<key>CodeDuTexteAModifier</key>
<string>/*font-family: Police Utilisée; font-size: Taille du texte px;*/ color: Couleur Désirée</string>

Vous trouvez les principales couleurs avec leur code hexadécimale sur W3Schools

Voici les principales lignes utiles pour vos thèmes :

Au début de chaque fichier info.plist placez le code suivant:

Code: Tout sélectionner

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>

Nom des icônes ne se trouvant pas dans le dock

Code: Tout sélectionner

<key>UndockedIconLabelStyle</key>
<string>/*font-family: monospace; font-size: 13px;*/ color: white</string>

Nom des icônes du dock

Code: Tout sélectionner

<key>DockedIconLabelStyle</key>
<string>/*font-family: monospace; font-size: 13px;*/ color: white</string>

l'heure dans la StatusBar

Code: Tout sélectionner

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

La date dans l'icône de l'application calendrier
la mention padding permet le déplacement du texte sur l'icône

Code: Tout sélectionner

<key>CalendarIconDateStyle</key>
<string>font-family: Helvetica; font-size: 30px; color: #4169E1; padding: 0 5px 6px 0;</string>

Le jour dans l'icône de l'application calendrier
la mention padding permet le déplacement du texte sur l'icône

Code: Tout sélectionner

<key>CalendarIconDayStyle</key>
<string>font-family: Helvetica; font-size: 9px; color: #ffffff; padding-top: 5px;</string>

Le positionnement du chiffre de notification de nouveaux évenements (sms, mail,etc...)
margin-top déplace le chiffre verticalement

Code: Tout sélectionner

<key>BadgeStyle</key>
<string>margin-top:1px;</string>

A la fin de chaque fichier info.plist placez le code suivant:

Code: Tout sélectionner

</dict>
</plist>

Dans cet annexe vous trouverez les différences dans la personnalisation entre les FW 2.x et le FW 3.0 et suivant.
Cette section est en construction jusqu'à ce que tous les problèmes soient identifiés.

Ces rectifications (avec screenshoots) seront ajoutées au fur et à mesure dans le tutorial.

Merci de me signaler les problèmes qui persiste chez vous (avec screenshot si possible)

Application Messages
Icône : Messages.png
Dossier référence : /Folders/ChatKit.framework/
Bouton "Ajouter contact" : addcontact.png
Fond de la barre : MessageEntryBG.png
Bulles Messages : Balloon_1.png et Balloon_2.png
Cadre du bouton photo : BalloonInputField.png et input-field-cover.png
Bouton photo : PhotoButton.png
Bouton envoyé : Appuyé => SendButton.png / Normale => SendButtonPressed.png

Application Téléphone
Dossier référence : /Folders/MobilePhone.app/
Claviers : Normale => dialerkeypad.png / Appuyé => dialerkeypad_pressed.png

Springboard
Dossier référence : /Bundles/com.apple.springboard/
Icône indicateur de spotlight : non-actif => SBSearchPageIndicator.png / actif => SBSearchPageIndicatorCurrent.png

Lockscreen
Si le wallpaper de votre lockscreen ne s'affiche plus après le passage en 3.x et que vous utilisez un lockscreen.html, ouvrez ce dernier avec n'importe quel éditeur de texte et remplacez la ligne suivante
<body onload="onLoad()"> par <body background="LockBackground.png" onload="onLoad()"> et votre problème devrai être résolu.