Guida ai File della GUI dell`iPhone

**philip** · 14th February 2010, 10:53

Ciao a tutti come promesso all`amministratore eccovi una bella guida esclusiva iPhoneItalia.... Io ne avevo creata una sul mio blog in inglese: About iPhone`s Interface & Make Up ma l`ho fatta anche in italiano

LA GUIDA COMPLETA PER A GUI DELL`IPHONE & IPOD TOUCH

Se volete pubblicare questa guida su altri siti postate almeno il link del mio blog, ho lavorato molto!

Se volete abbellire o modificare la GUI del vostro dispositivo avete bisogno di un iPhone o iPod Touch JAILBROKEN, ci sono tantissime guide riguardo questo argomento e io non voglio costringere nessuno a sbloccare il proprio device perche` ci sono tanti motivi per non farlo.

Prerequisiti: iPhone o iPod Touch Jailbroken
Cydia, Rock o Icy
Winterboard
afc2add(usb ssh) con diskaid o iPhone Explorer oppure open ssh (wifi ssh) con WinSCP
Tanta Pazienza!

Create una nuova cartella NOME.theme (il ``.theme`` non e` obbligatorio) dentro essa create altre cartelle chiamate: Bundles, Icons, Private, UIImages, UISounds. Nella cartella principale mettere i file per Wallpaper per la Springboard, il Wallpaper per la Lockscreen, il dock, il famoso info.plist , e gli sfondi per ciascuna pagina della springboard (non obbligatorio).

RICORDATEVI DI CREARE CIASCUNO SINGOLO FILE IMMAGINE IN FORMATO .PNG, ALTRIMENTI IL DISPOSITIVO NON LI RICONOSCERA` E RISPETTATE LE DIMENSIONI CHE VI SCRIVO!

1. LOCKSCREEN:

- Batteria: create 20 immagini (BatteryBackground, BatteryBG_1 … BatteryBG_17 {264 x 129}, and for the reflection you create the BatteryReflectionMask {1 x 129} QUESTI FILE LI METTERETE NELLA CARTELLA “com.apple.springboard“ DENTRO LA CARTELLA “Bundles“.

- Slide to Unlock: Create una cartella chiamata “com.apple.TelephonyUI“ dentro la cartella “Bundles“, quindi per (la barra di sblocco in Basso) BOTTOM BAR create un`immagine 79 x 96 “bottombarbkgndlock“ e per la barra di spegnimento create un`immagine 79 x 96 “topbarbkgnd“, per I pulsanti sulle barre create 3 immaggini 100 x 59, una per l`unlock “bottombarknobgray“ un`altra per spegnere “bottombarknobred“ e l`altra per rispondere alle chiamate “bottombarknobgreen“.

- Tastierino: create 4 immagini: per il tastierino delle chiamatee “dialerkeypad“ e l`altra per i tasti schiacciati “dialerkeypad_pressed“ dimensioni 320 x 273, se volete invece personalizzare il tastierino di sblocco della lockscreen create “keypad“ dimensioni 284 x 238.

- L`effetto bianco su “Slide to Unlock“: create un`immagine “bottombarlocktextmask“ 80 x 32

- Quando ricevete una chiamata: Ci sono anche i tasti quando si riceveno le chiamate i cui loghi sono:“answer“ 28 x 30 e “decline“ 36 x 18……i tasti invece sono “bottombargreen“ con “bottombargreen_pressed“ e “bottombargreen“ con “bottombarred_pressed“

- Ci ancora altri file che devo testare e capire le loro funzioni…..ce ne sono troppi!

- ~~~~Ci sono anche dei tweak pubblicati su Cydia che permettono di personalizzare e migliorare la Lockscreen tra cui Clock Hide per far sparire l`orologio e mandarlo sulla statusbar e LockInfo per aggiungere il calendario vedere i messaggi ricevuti, le chiamate perse, aggiornamenti di Twitter e Meteo, inoltre consiglio ClockHide per evitare che l`orologio copra gli album sulla lockscreen quando ascolto la musica….~~~~~~~

2. SPRINGBOARD:

Springboard Wallpaper: immagine 320 x 480 chiamata-> Wallpaper

Lockscreen`s wallpaper: 320 x 480 chiamata-> LockBackground

The dock: 320 x 91 -> Dock

Le pagine della springboard: 320 x 480 -> Page0, Page1, Page2…

Info.plist e` un documento di testo per togliere i nomi delle apps, cambiare il colore dell`orologio…

<?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>
<key>BadgeStyle</key> —> IL COLORE DEI NUMERI DENTRO I BADGE
<string> color: white;
position: absolute; top: 0px; left: 0px;</string> —> LA POSIZIONE DEI NUMERI DENTRO I BADGE
<key>CalendarIconDateStyle</key>
<string> color: #000000</string> —> IL COLORE DELLA DATA DEL CALENDARIO
<key>CalendarIconDayStyle</key>
<string> color: #FFFFFF</string> —> COLORE DEL GIORNO (Lunedi`, martedi`…)
<key>DockedIconLabelStyle</key>
<string>/*font-family: monospace;*/ font-size: 13px; color: transparent</string> —> GRANDEZZA, FONT E COLORE DEI NOMI DELLE APPLICAZIONI
<key>TimeStyle</key>
<string>/*font-family: monospace;*/ font-size: 13px; color: </string> —> GRANDEZZA E COLORE DELL`OROLOGIO SULLA STATUS BAR
<key>UndockedIconLabelStyle</key>
<string>/*font-family: monospace;*/ font-size: 13px; color: transparent</string> —> GRANDEZZA, FONT E COLORE DEI NOMI DELLE APPLICAZIONI SULLA SPRINGBOARD
</dict>
</plist>

Icone: Nella cartella principale create una cartella “ Icons“ dentro questa metterete le icone delle apps, NON ci sono limiti per le dimensioni, Infatti ho provato con delle icone 120x120 e non ci sono stati problemi! Dovrete rinominare le icone con i nomi delle applicazioni: Messages, Maps, Notes, Calculator, iPod, Clock, Stocks, Settings, Safari, Photos, Phone, Camera… Ricordatevi che le dimensioni originali sono 60 x 60.

Status Bar: Ci sono ben tre tipi di Status Bar, a seconda di quando siete sulla springboard o sulla LockScreen (nero trasparente) e quando aprite le applicazioni (grigia), RICORDATEVI CHE QUANDO MODIFICATE L`ORA SULLA STATUS BAR TRAMITE IL FILE INFO.PLIST IL COLORE DELL`ORA RIMMARRA` UGUALE SU TUTTE LE STATUS BAR. Comunque Se volete modificare la status bar della springboard o della lockscreen andate su Bundles/com.apple.springboard e create le immagini “FSO_BG“ 320 x 20, invece, per la status bar delle applicazioni create “Default_BG“ 320 x 20 e l`ultima e` “FST_BG“, questa e` per la Lockscreen. Per le piccolo icone sulla status bar CI STO LAVORANDO…..XD

PER ORA E` TUTTO MA LA STO AGGIORNANDO, I FILE SONO TANTISSIMI…

**philip** · 15th February 2010, 13:21

Cmq vi consiglio di seguire la mia guida PIU AGGIORNATA sul mio blog About iPhone`s Interface & Make Up poi naturalmente tradurro` il tutto su iphoneitalia!!! eheheh