Discussione:

Come creare un tema per iPhone/iPod Touch

Passo passo vi guiderò nella creazione di un tema completo in tutti i suoi dettagli per iPhone. Il tema una volta finito dovrà essere applicato con Winterboard (che trovate su Cydia).

La creazione è davvero semplice, dato che non è necessario nessun programma (grafica esclusa), ma si tratta soltanto di rinominare i files e disporli in cartelle. Aggiornerò man mano la guida, perchè sinceramente devo ancora scoprire molte cose :a:

Se qualcuno trova problemi o difficoltà nel seguire la guida non esiti a chiedere!

Se volete cimentarvi nell'impresa, e non possedete un iPhone o un iPod Touch, postatelo pure che farò da tester, e pubblicherò gli screenshot!

Il tema una volta completato andrà inserito nel percorso private/var/stash/themes.xxxxxx, e quindi OVVIAMENTE dovrete avere un dispositivo Jailbroken!


Se riportate la guida in un altro sito e/o forum citate la fonte e/o l'autore


Iniziamo?


Pre-step
Innanzi tutto dobbiamo creare la cartella che alla fine sarà il nostro tema, da inserire. Rinominatela come vi pare, io per non farvi entrare in confusione la chiamerò Nostro_tema


Step 1
Lo sfondo deve essere per forza di 320x480 px, se le misure non saranno quelle non lamentatevi che non si adatta a pennello.
Questo è il nostro wallpaper delle dimensioni adatte.


Preparate lo sfondo, rinominatelo in Wallpaper.png ed inseritelo in Nostro_tema.

Step 2
La dock è la parte del tema su cui "si posano" le quattro icone in basso, la parte che rimane statica quando sfogliamo la springboard.
La dock può avere diverse dimensioni in altezza, mentre in larghezza deve essere fissa a 320px. Le dimensioni consigliate sono 320x90 px.
La nostra dock sarà di 320x91. Prendiamo il file e rinominiamolo in Dock.png. Dopo averlo rinominato possiamo inserirlo nella cartella Nostro_tema. Questa è la nostra



Step 3
Le icone di base sono di 59x60 px. Ma ovviamente possiamo farle di qualsiasi dimensione, sia piccoline - per adattarle bene a fivel rows -, sia grosse - che vanno bene per i temi iNav.
(Allego la PSD da modificare con Photoshop et simili, potete basarvi su quella per quanto riguarda le misure).
Per le icone dovremo creare una nuova cartella in Nostro_tema, chiamandola Icons.
Prendiamo per esempio l'icona di Youtube, dimensioni 59x60 px.

L'icona dovrà essere rinominata secondo il nome inglese delle app, nel caso di Youtube non abbiamo problemi in quanto sarà YouTube (nel caso di Orologio invece, dovremo rinominare l'icona in Clock, e via dicendo).

Appena rinominate tutte le icone - o quelle che avete intenzione di cambiare - le inserite nella cartella Nome_tema/Icons creata in precedenza.

Step 4
Cambiare colore testo delle icone
Guida qui CLICK

Anteprima



Step 5
Lockscreen. La lockscreen non è altro che "la schermata di blocco". L'iPhone - a differenza degli altri telefoni - non ha una vera e propria Home e Menu. La lockscreen deve essere di 320x480px, quindi se sbagliate le misure - come detto più sopra - non lamentatevi dell'effetto finale!
Questa è la nostra immagine della lockscreen



Rinominiamo il file in LockBackground.png ed inseriamolo in Nostro_tema.

Step 6
Lo slide (la parte che facciamo slittare sullo "slide to unlock" per intederci) può avere qualsiasi dimensione, quella consigliata è 71x47 px.
Creiamo la cartella Bundles dentro a Nostro_tema. Dopodichè creiamone un'altra dentro Bundles, e rinominiamola com.apple.TelephonyUI (mi raccomando le maiuscole/minuscole)
Facciamo che questo sia il nostro


Il file va rinominato bottombarknobgray.png ed inserito in Nostro_tema/Bundles/com.apple.TelephonyUI

Step 7
Dialer (tastierino numerico). A me - avendo un iPod - non interessa molto del dialer, magari in qualche caso dove devo per forza inserire dei numeri, ma per il resto 0. In ogni caso ecco cui su come fare.
Creiamo una cartella dentro a Nostro_tema e rinominiamola in Folders. Apriamo Folders e creiamone una nuova, rinominandola in MobilePhone.app
Per creare un Dialer dobbiamo creare un PNG di 320x273, e dividerla in una griglia 3x4. Inserire i numeri (le lettere servono a ben poco) e i simoli, quali asterisco * e cancelletto #.
QUesto è il nostro dialer



Ma non è finita qui.. Infatti per creare quell'effetto di "pressione" dobbiamo creareuna seconda copia del dialer, aggiungendoci degli effetti, magari invertendo luci e ombre.




Una volta finita la parte grafica rinominiamo i file in dialerkeypad (per il primo dialer) e dialerkeypad_pressed (per il secondo). Inseriamo i due file nel percorso /Nostro_tema/Folders/MobilePhone.app

Step 8.
Riflesso scritta "sblocca" in lockscreen. E' molto semplice in quanto si tratta solo di creare una png colorata, e l'iPhone "farà tutto il resto". Allego un esempio a cui potrete cambiare colore con Photoshop voi stessi. Il file dovrà essere inserito in Vostro_tema/Bundles/com.apple.TelephonyUI e dovrà essere rinominato bottombarlocktextmask


Step 9.
La batteria. Per cambiare la batteria che si visualizza mentre il dispositivo è in carica servono 18 PNG che mostrano la progressione della carica. I file possono essere di qualsiasi dimensione, ma poi bisogna stare attenti che le immagini non sbordino. Detto questo la dimensione consigliata è di 260x120. I file dovranno rinominati da BatteryBG_1 a BatteryBG_17 (BatteryBG_1 BatteryBG_2 BatteryBG_3 ecc fino a 17). I file dovranno essere inseriti in Nostro_tema/Bundles/com.apple.springboard. Allego il classico esempio di batteria in colorazione blu.

IMPORTANTE

QUESTA GUIDA E' STATA SCRITTA DALLO STAFF DI HWMOBILE.IT, IL QUALE NE DETIENE I DIRITTI NEL CASO DI UTILIZZO DA PARTE DI ALTRI FORUM, SITI O BLOG. IN TAL CASO DOVRA' ESSERE CITATO OBBLIGATORIAMENTE HWMOBILE.IT FORUM.