Forums GAMERGEN

Bonjour a tous !

je vais a présent vous expliquer comment créer un thème Winterboard en vous donnant beaucoup d'astuces pour modifier au maximum votre IDevice

Introduction :

Ce Tutoriel n'est entièrement valable seulement pour des IDevices jailbreakés, en 4.0 ou supérieur, ne possédant pas d'écran rétina ( iphone 4/ipod touch 4G )

Tout d'abord, je vous invite a lire les deux tutos de Thargalt pour les bases et de MaGiXieN pour la connection en ssh.

http://www.iphonegen.fr/profitez-pleinement-winterboard-article-4341-1.html

et

http://www.iphonegen.fr/connexion-ssh-iphone-ipod-touch-firmware-2-x-article-4337-1.html ( Je ne sais pas si cela marche pour les nouveaux firmware mais si vous avez des problèmes MP moi ).

Entrons dans le vif du sujet a présent !

( Toutes les résolutions d'images que vous allez voir ne sont pas rigoureusement exacte mais peuvent toutes êtres utilisées )

Architecture Principale :

Un thème winterboard, selon sa complexité sera généralement composé de plusieurs chose a la racine du dossier portant le nom du thème ( vous apprenez a le trouver dans le Tuto de Thargalt pour modifier les sons )
Donc voici une des architectures les moins complexes :

- "Wallpaper.png" ( 320x480 ) : C'est l'image qui apparaitra sur le springboard, dessous les icônes des applications ( le fond d'écran de l'appareil quoi )

- "LockBackground.png" ( 320x480 ) : C'est l'image d'arrière plan de l'écran de veille.

Vous voici donc en possession de deux éléments de customisation ( j'avoue qu'il ne sont pas géniaux pour l'instant mais sa va venir !! )

Donc si l'on récapitule, vous pouvez déjà créer un thème winterboard !! il suffit de créer un dossier sur votre ordinateur, y mettre deux images nommées "Wallpaper.png" et "LockBackground.png". Ensuite vous placez le dossier de votre thème dans library\thèmes ( grâce au tuto de MaGiXieN ) et le tour est joué !
Si vous allez dans winterboard vous pourrez l'activer mais il ne va modifier que les deux images ci dessus. Pas top ? Alors allons plus loin !!

Architecture Poussée :

Reprenons ce que nous avons vu plus haut, je suis en possession d'un thème, que nous allons appeler mon thème, ce thème contient deux fichiers :

- "Wallpaper.png"

- "LockBackground.png"

Or je veux par exemple modifier les icônes du springboard. Comment faire ?? Je sais ce que vous vous dite, " C toi qui rédige le tuto c****d !!! ". effectivement c moi qui est fait ce tuto et je vais vous donner la réponse a cette question tout de suite:

Pour changer les icônes du springboard, il suffit de créer un second dossier nommé "Icons" a la racine du dossier du thème. ensuite il suffira d'y mettre toutes les icônes que l'on veut modifier a l'intérieur en les nommant exactement de la même manière qu'elles le sont sur le springboard ( pas clair là ! ). Je m'explique, imaginons que nous voulons changer l'icône de l'app facebook par exemple, et bien nous allons tout simplement mettre une image nommée "Facebook" ( le nom doit être rigoureusement exact a celui du springboard ) dans le dossier "Icons".
Tadaaaaa sa marche !! Sachez que toutes vos icône doivent êtres au format 64x64.

Je vais a présent vous montrer l'architecture la plus complexe que je n'ai jamais rencontrer :

- "Wallpaper.png"

- "LockBackground.png"

- "Dock.png" ( 320x91 ) : c'est l'image se trouvant en arrière plan des images qui sont immobiles en bas de l'écran lorsque vous changer de page sur le springboard.

Ce qui suit est un peu plus difficile :

- "Bundles" : C'est un dossier dans lequel va se trouver d'autres dossiers et qui permet de customiser beaucoup de chose sur l'appareil.

- "Folders" : Idem que pour bundles.

- "Icons" : Nous l'avons vu plus haut

- "UIImages" : Pareil a bundles et folders a la différence que celui-ci ne contiendra que des images et pas de dossiers.

- "UISounds" : Expliqué dans le tuto de thargalt.

Voila !!
Vous venez de découvrir beaucoup de facettes d'un thème en peut de temps mais ne vous en faite pas sa va aller ! Attaquons maintenant la customisation plus poussée

Le Dossier "Bundles"

Nous allons parler ici du dossiers bundles, expliquer comment s'en servir. Dans un dossier bundles, il n'y a que d'autres dossiers avec une appellations particulière qui permet de modifier certaine chose en particulier :
Dans bundles, vous pourrez principalement modifier le lecteur audio de l'appareil, les slides, etc...
Commençons:

Dans ce dossier il y aura :

- "com.apple.MediaPlayer" : C'est un dossier qui permet de modifier les images du lecteur audio

- "com.apple.mobileipod" : Idem ( ne me demandez pas pourquoi il yen a deux ! )

- "com.apple.TelephonyUI" : Permet de modifier les slides entre autre.

Voila les dossiers principaux. I yen a d'autre mais ce sera pour plus tard parce que la j'ai déjà énormément de boulot devant moi !!

Je vais vous expliquer maintenant comment nommer chaque images à l'intérieur de chaque dossier :
commençons par "com.apple.MediaPlayer" :

- "NowPlayingTopOverlay.png" ( 320x152 ): C'est l'image qui se trouve en dessous de la barre de progression dans le temps et des mode aléatoires, repeat etc...

- "VolumeBlueTrack.png" ( 11x9 ) : Image en forme de pilule pour changer la couleur des barres ( volume plus progression dans le temps ). change la couleur de la barre a gauche de la boule qu'il faut toucher pour interférer avec la barre.

- "VolumeWhiteTrack.png" ( 11x9 ) : Idem mais change la couleur de la barre a droite du bouton.

- "pause.png" ( 11x27 ) : Permet de changer le bouton de pause.

- "play.png" ( 30x27 ) : Permet de changer le bouton de lecture.

- "MusicVolumeKnob.png" ( 14x24 ) : Permet de changer le le bouton du volume.

- "prevtrack.png" ( 31x23 ) : Permet de changer le bouton chanson précédente.

- "nexttrack.png" ( 31x23 ) : Permet de changer le bouton chanson suivante.

- "ScrubberKnob.png" ( 17x18 ) : permet de changer le bouton de la barre de progression du temps.

- "NowPlayingBottomOverlay.png" ( 920x96 ) : permet de changer l'image d'arrière plan en bas de l'écran durant la lecture ( celle qui est dessous les boutons play et chanson suivante/précédente )

Pffffffffiiiiiiiooou sa fait un paquet de trucs a customiser non ?
Passons sans transition au dossier "com.apple.mobileipod" :

- "noartplaceholder.png" ( 320x320 ) : Image se trouvant au milieu du lecteur ( a l'origine une note de musique sur fond blanc )

- "repeat_on.png" ( 25x21 ) : Bouton de repeat lorsqu'il est activé.

- "repeat_on_1.png" ( 25x21 ) : Idem mais lorsque il est activé avec un petit 1.

- "shuffle_on.png" ( 25x21 ) : Le button du mode aléatoire lorsqu'il est activé.

- "NowPlayingTableBackground.png" ( 320x320 ) : l'image de fond ou l'on peu choisir d'écouter les chansons de l'album ( quand on touche deux fois le centre du lecteur ).

Aller passons au gros morceau, "com.apple.TelephonyUI" :

- "BarLCD.png" + "BarLCD_T.png" ( 1x96 ) : c'est la barre se trouvant sous l'horloge de l'écran de veille.

- "bottombarbkgndlock.png" ( 79x96 ) : c'est l'image qui se trouve dessous le slide pour dévérouiller l'appareil.

- "bottombarknobgray.png" ( 79x45 ) : slide pour dévéroiller l'appareil.

- "topbarbkgnd.png" ( 79x96 ) : c'est l'image qui se trouve dessous le slide pour éteindre l'appareil.

- "bottombarknobred.png" ( 79x45 ) : slide extinction de l'appareil.

Et bien voila, on en a terminer pour le dossiers Bundles, sa a été long !!

Le Dossier "Folders" :

Dans ce dossier il y a tenez vous bien : des dossiers !! il son nommées ainsi ( les principaux ) :

- "MobileMusicPlayer.app" : encore modifier le lecteur de musique !!

- "MobileSafari.app" : Pour modifier le navigateur web.

- "SpringBoard.app" : pour modifier les éléments du springboard.

- "UIKit.framework" : ne me sert qu'a changer les statusbar ( ou il ya l'heure la batterie ... ) depuis le 4.0

Et c'est tout !! Si vous en voulez d'autres, pour changer les notes par exemple, MP moi, cela m'aurais fait trop de travail de le mettre dans ce Tuto !
passons aux dossiers : tout d'abord "MobileMusicPlayer.app" :

- "Default-AudioPlayer.png" ( 320x460 ) : pour changer l'image de chargement du lecteur audio.

- "Default-VideoPlayer.png" ( 320x460 ) : pour changer l'image de chargement du lecteur vidéo.

Et voila c'est tout pour ce dossier, a "MobileSafari.app" maintenant :

- "AddressViewReload.png" ( 23x24 ) : image pour actualiser une page

- "AddressViewStop.png" ( 24x24 ) : image pour stopper le chargement d'une page

- "closebox.png" ( 23x23 ) : image pour fermer un onglet

- "closebox_pressed.png" ( 23x23 ) : idem mais lorsque l'on appui dessus

- "Default.png" ( 320x460 ) : image de chargement de safari.

- "gray_gradient_landscape.png" ( 320x460 ) : image positionnée derrière les onglets quand l'IDevice est en mode paysage

- "gray_gradient_portrait.png" ( 320x460 ) : idem mais pour l'IDevice en mode portrait

- "NavBack.png" ( 24x24 ) : flèche pour aller a la page précédente

- "NavForward.png" ( 24x24 ) : idem mais pour la page suivante

- "NavTab.png" ( 24x23 ) : pour ajouter un onglet

- "URLProgress.png " ( 17x31 ) : pour changer la couleur de la barre de progression dans l'URL

Aller c'est terminé pour "MobileSafari.app", passons à "SpringBoard.app" :

- "BatteryBackground.png" ( 264x129 ) : c'est l'image de votre batterie vide ( celle qui seras affichée sur l'écran de veille durant la charge )

- "BatteryBG_1/17.png" ( 264x129 ) : ce sont les image de votre batterie a chaque moment de sa charge ( toujours sur l'écran de veille ) ( l'image de la où elle est le moins chargée étant l'image "BatteryBG_1.png" et la plus chargée "BatteryBG_17.png" )

- "closebox.png" ( 30x29 ) : c'est l'image qui s'affiche en haut des icônes des applications pour les supprimées

Enfinnn !!! Bon passons a "UIKit.framework" :

- "Black_Base.png" ( 320x20 ) : statusbar du springboard

- "Translucent_Base.png" ( 320x20 ) : statusbar de l'écran de veille

- "Silver_Base.png" ( 320x20 ) : statusbar dans les applications

Bon ben on a fini avec "Folders" !!

Le Dossier UIImages :

Désoler d'avance mais si je veux boucler ce tuto avant d'être gateux, il va falloir aller vite sur cette section !
n'oublier pas que je peux vous donner d'autres éléments de customisations par MP.

Dans ce dossiers il y a des images tels que :

- "UIPopupAlertSheetBackground.png" ( 284x62 ) : permet de changer l'image de fond des alertes tels que le choix du réseaux ou le contrôle de la musique.

- "UIButtonBarPressedIndicator.png" ( 100x100 ) : l'image qui s'affiche lorsque l'on touche le bouton play , pause et chanson suivante/précédente ...

Je suis désolé d'aller aussi vite mais sa vous fait déjà pas mal de truc a customiser non ??
Voici qui clôt ce tutoriel le dossier UISounds étant déjà abordé dans le tuto de Thargalt

maintenant je vous laisse mais vous pouvez poser vos questions, vos améliorations, je posterais une annexe demain.

ciao cordialement Snake du 33 @++

Annexe

-1 Changer le texte des slides :

Pour changer le texte des slides, ouvrez un fichier bloc note et inscrivez :

"AWAY_LOCK_LABEL" = "Ce que vous voulez écrire pour le slide de dévérouillage ";
"POWER_DOWN_LOCK_LABEL" = "Ce que vous voulez écrire pour le slide d'extinction";

Puis faites enregistrer sous, et dans la barre de nom tapez

SpringBoard.strings

Ensuite placez ce fichier dans :

[Nom du thème]\Bundles\com.apple.springboard\fr.lproj\SpringBoard.Strings

Respringuer et admirez !!

2-Changer la couleur des bulles de sms :

je vous renvoi au tuto de Mooglie49 :

http://www.iphonegen.fr/forums/changer-la-couleur-des-bulles-des-sms-t24812.html

3-Mettre des effets quand ont change de page sur le springboard :

Un seul mot : Barrel
Attention application payante ! se trouve sur cydia.

4-Un multitâche customisé :

L'application Multiflow Nous donne le droit d'utiliser de beaux effets pour changer d'applications en tâche de fond ! Application Payante !! Ce trouve sur cydia

5-Complément du dossier UIImages

Et oui, je suis aller tellement vite sur ce dossier que Vous pourriez ratez des tonnes d'éléments de customisations, alors j'y revient !
Bon on va commencer sans explications, vous connaissez le principe :

- "UINavigationBarBackArrow.png" ( 26x30 ) : C'est l'image de retour a la liste des musiques lorsque l'on écoute une chanson

- "UINavigationBarDefaultButton.png" ( 11x30 ) : c'est l'image par défaut des boutons sur les barres de navigations

- "UINavigationBarDefaultBackground.png" ( 1x44 ) : Permet de modifier la couleur des barres de navigations

- "UITableNextButtonPressed.png" ( 29x31 ) : C'est le bouton qui vous permet d'avancer dans les menus tels que autre de Musique

Bon je pensé en mettre plus au-début mais c'est trop confus ! La chose intéressante que je n'ai pas citer c'est pour changer la roue de progression. Si vous y tenez vraiment, je mettrais comment faire.

6-La gravité, ya que sa de vrai !

Un tweak sur cydia permet a vos icônes de ressentir la gravité ! génial pour la customisation !! Son nom Graviboard. Application payante.

7-Encore et toujours customisation !

3Dboard est un tweak sur cydia (payant) qui va donner a vos applications un effet 3D !

8-Le tout en images !!

Voila une série d'images de mon thème personnel :



































Voila c'en est fini de ce tuto jespère que j'ai aider quelques personnes !!

a ++

Bonjour,
Super tuto merci

Merci a toi !

Très bon tuto,merci beaucoup.