Creare Tema Completo Per iPhone
Creare un Tema Completo | Guida
Con l’uscita di iOs 4 sono cambiate molte cose, non solo dal punto di vista funzionale: molti .png e UIImages sono stati modificati. Vi chiederete ora: cosa sono gli UIImages? Ebbene, sono le immagini che se inseriti in un tema modificano particolari elementi all’interno dell’iOs di iPhone, iPod Touch e iPad.
Grazie ad una lunga ricerca, sono riuscito a riconoscere tutti i .png e le locazioni degli stessi all’interno di iOs 4: questo significa che ora posso creare un tema completissimo che può modificare praticamente tutto all’interno di iOs.
Questa guida è compatibile con tutti gli iOs finora conosciuti (fino a 4.2.1). Si divide in tre parti: base, avanzato, High Definition. Let’s start! =D
Installare un tema
Per installare un tema è necessario seguire questa guida:
- Esplorate la root dell’iDevice in questione con un client SSH o iFunBox
- Cercate la cartella Library/Themes
- Inserite in questa cartella il vostro tema
- Aprite WinterBoard, selezionate il vostro tema, quindi eseguite un respring
- Avrete correttamente installato il vostro tema
GUIDA | BASE
La guida base è rivolta agli utenti meno esperti, che hanno voglia di modificare aspetti principali di un iDevice Apple. Questi aspetti sono essenzialmente 4: Wallpaper, Dock, LockScreen e Icone. I requisiti iniziali sono:
- iDevice Jailbroken
- WinterBoard installato
- Client SSH (GUIDA) o iFunBox
Wallpaper
Il Wallpaper è l’immagine di sfondo della HomeScreen. Esso deve essere per forza di dimensione 320×480 pixel, altrimenti non va.
Procedura
- Creiamo il nostro tema, cioè una cartella, e nominiamola Mio_Tema
- All’interno di questa cartella, inseriamo il file .png di dimensioni 320×480 pixel e rinominiamolo Wallpaper.png
Dock
La dock è la parte inferiore della SpringBoard, appena sotto le icone fisse. Per modificare questo aspetto del tema, l’immagine .png deve essere di dimensioni fisse di 320×90 pixel.
Procedura
- Inseriamo il file .png di dimensioni 320×90 pixel nella cartella Mio_Tema e rinominiamolo Dock.png
LockScreen
La LockScreen è l’immagine, sempre formato .png, che caratterizzata la schermata di blocco. La dimensione del .png è fissa ed è di 320×480 pixel.
Procedura
- Inseriamo il file .png di dimensioni 320×480 pixel nella cartella Mio_Tema e rinominiamolo LockBackground.png
iOs 4.2.1 Tip
- Con il nuovo sistema perativo le cose sono un po’ cambiate. Ora non potrete più modificare la LockScreen se non con la funzione nativa presente nelle nuove generazioni. Serve infatti un aggiornamento di WinterBoard per fixare questo problema, sperando che arrivi a breve.
Icone
Le icone sono la parte forte del tema, quella che in particolar modo si noterà maggiormente. Le icone hanno anche loro estensione .png e dimensioni variabili: la dimensione base è di 59×60 pixel, ma potete ingrandirle o rimpicciolirle come volete voi.
Procedura
- Dopo aver scelto le icone per ciascuna delle applicazioni che vogliamo cambiare, rinominiamo ciascuna icona con il nome esatto che compare nella SpringBoard dell’applicazione corrispondente. Se la lingua impostata è diversa dal nome in cui si rinomina l’icona, la modifica non avrà effetto.
- Creiamo la cartella Icons in Mio_Tema, in modo da avere Mio_Tema/Icons
- Inseriamo le icone rinominate in questa cartella. Attenzione alle maiuscole =D
Fine! Abbiamo quindi creato un tema base, composto da Sfondo, Sfondo LockScreen, Icone e Dock. Possiamo quindi inserire il nostro tema in WinterBoard seguendo la mini-guida riportata in cima.
GUIDA | AVANZATA
La guida avanzata è vasta: con essa riuscirete a modificare aspetti molto piccoli e dettagliati del tema che andrete a creare. Data la grande quantità di elementi da modificare, aggiornerò poco alla volta, giorno per giorno, la guida, fino a che non sarà completa. COMPLETAMENTO STIMATO PER LUGLIO 2011 – TO BE CONTINUED
AppLaunch
L’AppLaunch è la schermata che precede l’avvio di ogni applicazione. C’è n’è uno per ogni applicazione, sia nativa che non. Modificando questo file in ognuna delle cartelle di ogni app, cambierete la schermata di avvio per l’applicazione desiderata.
Procedura
- Create un file .png di dimensioni fisse 320×480 pixel
- Create la cartella Bundles all’interno di Mio_Tema
- Create la cartella com.apple.springboard all’interno di Bundles
- Create ora le cartelle che andranno a contenere ognuna l’immagine di applaunch per l’applicazione specifica. Ecco le cartelle base:Preferences.app | Impostazioni
AppStore.app | AppStore
Game Center~iphone.app | Game Center
Installous.app | Installous
MobileCal.app | Calendario
Maps~iphone.app | Mappe
MobileMail.app | Mail
MobileMusicPlayer.app | Musica
MobileNotes.app | Note
MobileSafari.app | Safari
MobileSlideShow.app | Immagini
MobileStore.app | iTunes
MobileTimer.app | Orologio
Nike.app | Nike+iPod
Stocks.app | Borsa
Terminal.app | MobileTerminal
VoiceMemos.app | Memo Vocali
Weather.app | Meteo
YouTube.app | Youtube
- Ora dovrete rinominare ogni file .png che avete scelto per ognuna delle applicazioni con Default.png. NOTA: se siete con iOs 4.2.1, per alcune applicazioni dovete inserire ~iphone dopo Default. Alcune sì, alcune no, quindi andate per tentativi, finchè non avrete ottenuto l’effetto desiderato.
EFFETTO FINALE
Ombreggiatura Icone
L’ombreggiatura icone è l’ombra che si crea quando tocchiamo un’icona, oppure quando attiviamo il multitasking. Di seguito sono riportati alcuni esempi in cui si capisce di cosa si parla.
L’ombreggiatura si divide in 3 categorie: Dock, SpringBoard e Multitasking. Vediamo come cambiarle tutte e tre.
Procedura
- Create un file .png di dimensioni variabili. La grandezza standard è 59×60 pixel, ma potete aumentarla come diminuirla. Inoltre potete creare un’immagine trasparente di dimensioni casuali, e l’effetto risulterà un ombra vuota
- Rinominate i files nel seguente modo, a seconda della categoria che volete cambiare.IconDarkeningOverlay.png | SpringBoard
WallpaperDockIconShadow.png e WallpaperDockIconShadowT.png | Dock
SwitcherIconShadow.png | Multitasking
- Inserite le immagini nella cartella com.apple.springboard
- Finito! Ora avremo modificato le ombre nella SpringBoard, nel Dock e nel Multitasking =D
iOs 4.2.1 Tip
- Con iOs 4.2.1 sono cambiate alcuni .png. Ecco quindi quelli da cambiare o modificare.AppIconMask.png, AppIconShadow.png, AppIconOverlay.png | Tutte insieme sostituiscono IconDarkeningOverlay, e vanno inserite nella cartella Mio_Tema/Folders/MobileIcons.framework
WallpaperIconDockShadow~iphone.png | Dock, va inserito in Mio_Tema/Bundles/com.apple.springboard
ShadowSwitcher~iphone.png | Multitasking, anch’esso va inserito in Mio_Tema/Bundles/com.apple.springboard
EFFETTO FINALE
Carrier Logo | Logo Operatore
Il carrier logo è quella parte nella Status Bar che indica nell’iPhone l’operatore con cui si è abbonati (operatore sim), mentre in iPod Touch e in iPad indica i rispettivi nomi “iPod” e “iPad”. Fino ad oggi non si sapeva bene come cambiarlo totalmente, da oggi invece sì: ho trovato il metodo dopo ore di surfing in internet e prove personali. Alla fine sono riuscito ad asssemblare il tutto e creare questa procedura, che adesso andrò a spiegare.
La guida si divide in 3 parti: iPod Touch, iPad e iPhone. Potete trovare la guida per iPod Touch 4G e iPhone 4 (retina display) nella guida HD.
iPod Touch
Iniziamo con il simbolo del nostro Forum: l’iPod Touch. Per l’iPod Touch la procedura è veramente semplice, in pochi passaggi potrete modificare il carrier a piacere.
Requisiti
- Due immagini .png di dimensioni inferiori o uguali a 82×20Pixel, risoluzione massima 17 pixel per pollice
- Una di nome Black_CARRIER_IPOD.png | E’ l’immagine che si vedrà nella SpringBoard, in altro a sinistra, al posto di “iPad”. Lo “sfondo” di default della status bar è di colore nero
- Un’altra di nome Silver_CARRIER_IPOD.png | E’ l’immagine che si vedrà nelle applicazioni, in alto a sinistra, al posto dell’operatore. Ricordo che lo “sfondo” di default per la status bar è il grigio, quindi non create un’immagine grigia
Procedura
- Inserite le due immagini .png create in Mio_Tema/UIImages
- Inserite il tema in Library/Themes, con iFunBox o un client SSH
- Avviate WinterBoard, selezionate il tema e avete terminato. Non appena avrà respringato, troverete il carrier da voi creato al posto della scritta iPod
iPad
Requisiti
- Due immagini .png di dimensioni inferiori o uguali a 82×20 Pixel, risoluzione massima 17 pixel per pollice
- Una di nome Black_CARRIER_IPAD.png | E’ l’immagine che si vedrà nella SpringBoard, in altro a sinistra, al posto di “iPad”. Lo “sfondo” di default della status bar è di colore nero
- Un’altra di nome Silver_CARRIER_IPAD.png | E’ l’immagine che si vedrà nelle applicazioni, in alto a sinistra, al posto dell’operatore. Ricordo che lo “sfondo” di default per la status bar è il grigio, quindi non create un’immagine grigia
Procedura
- Inserite le due immagini .png create in Mio_Tema/UIImages
- Inserite le immagini .png in Library/Themes, con iFunBox o un client SSH
- Avviate WinterBoard, selezionate il tema e avete terminato. Non appena avrà respringato, troverete il carrier da voi creato al posto della scritta iPad.
iPhone
Con iPhone le cose diventano più complesse. La guida è stata testata da me attualmente con iPhone 3GS su iOs 4.1, chi ha iPhone e vuole testarlo, è pregato di postare il risultato (positivo o negativo) della modifica con un commento.
Requisiti
- FakeCarrier, scaricabile da Cydia
- Due immagini .png di dimensioni inferiori o uguali a 82×20 Pixel, risoluzione massima 17 pixel per pollice
- Una di nome Black_CARRIER_Logo.png | E’ l’immagine che si vedrà nella SpringBoard, in altro a sinistra, al posto dell’operatore. Lo “sfondo” di default della status bar è di colore nero
- Un’altra di nome FSO_CARRIER_Logo.png | E’ l’immagine che si vedrà nelle applicazioni, in alto a sinistra, al posto dell’operatore. Ricordo che lo “sfondo” di default per la status bar è il grigio, quindi non create un’immagine grigia
Procedura
La seguente procedura non implica l’uso di WinterBoard, perchè il carrier viene sostituito permanentemente agendo nel FileSystem di iPhone. Fate un backup dei file che incontrerete nella guida per ripristinare al normale carrier.
- Inserite le due immagini .png in /System/Library/Carrier Bundles/Unknown.bundle. Se ci sono immagini al suo interno, fatene un backup per ripristinare in futuro la possibilità di riportare al carrier di default la status bar
- Fate un respring
- Aprite FakeCarrier e inserite “Logo”, senza le virgolette
- Eseguite un respring
- Fine! Ora il carrier è stato modificato con successo!
La guida è stata testata su:
- iPhone 3GS, iOs 4.1
- iPhone 3GS, iOs 4.2.1
- Se non appare il carrier modificato, eseguite un reboot =)
RISULTATO FINALE
Ho usato il carrier ufficiale del Forum come prova. Di seguito il risultato.
Downloads
- Vi lascio anche i carrier dei tre maggiori operatori italiani, nel caso in cui vorreste inserirli nel vostro iPhone. Sono già rinominati e suddivisi per operatore
Download Vodafone, TIM, 3 Carriers
Impostazioni
Avete presente le icone piccoline a lato di ogni impostazione, in… Impostazioni? Bene, ora andremo a modificare proprio queste icone, cambiandole come quelle nella SpringBoard.
Requisiti
- Immagini .png di grandezza variabile. Per il miglior risultato possibile, usare immagini di 29×29 Pixel
Procedura
- Le cartelle in cui inserire i relativi .png sono tante, non ce n’è una soltanto. Ecco la lista di quelle native (verrà aggiornata di tanto in tanto, inserendo anche i vari tweak di Cydia)
Uso in Aereo, WiFi, Notifiche- Uso in Aereo |
Nome file:
- Settings-Air.png
Cartella:
- Folders/Preferences.app
- WiFi |
Nome File:
- icon.png
Cartella:
- Bundles/com.apple.settings.airport
- Notifiche |
Nome File:
- icon.png
Cartella:
- Folders/NotificationSettings.bundle
Suoni, Luminosità, Sfondo
- Suoni |
Nome File:
- Settings-Sound.png
Cartella:
- Folders/Preferences.app
- Luminosità |
Nome File:
- Settings-Display.png
Cartella:
- Folders/Preferences.app
- Sfondo |
Nome File:
- icon.png
Cartella:
- Bundles/com.apple.wallpaper.settings
Generali e Native
- Generali |
Nome File:
- Settings.png
Cartella:
- Folders/Preferences.app
- Musica |
Nome File:
- icon.png
Cartella:
- Bundles/com.apple.musicsettings
- Video |
Nome File:
- icon.png
Cartella:
- Bundles/com.apple.videosettings
- Immagini |
Nome File:
- icon.png
Cartella:
- Bundles/com.apple.mobileslideshow.settings
- Store |
Nome File:
- icon.png
Cartella:
- Folders/MobileStoreSettings.bundle
- Mail, Contatti, Calendari |
Nome File:
- icon.png
Cartella:
- Bundles/com.apple.AccountSettings e Bundles/com.apple.mobilemail.settings
- Safari |
Nome File:
- icon.png
Cartella:
- Bundles/com.apple.mobilesafari.settings
Nike + iPod
- Nike + iPod |
Nome File:
- icon.png
Cartella:
- Folders/VictoriaSettings.bundle
Status Bar
La status bar è, di certo, la parte più difficile e misteriosa da controllare e di conseguenza modificare: in essa sono contenute molte più immagini di quanto possiate immaginare. Non sto parlando di 10-15 png, arrivano anche a 100 e sono disposti in un ordine ben preciso, che fa funzionare tutto l’operato della parte superiore della SpringBoard.
Ecco che però intervengo io: con questi semplici passaggi potrete finalmente modificare quei piccoli accorgimenti che restano sempre in sospeso alla creazione di un tema, molto spesso stonando parercchio nell’insieme generale. Vi garantisco che, sebbene in apparenza le varie procedure messe insieme sembrano infinite, è più facile a farsi che a dirsi.
Questa parte della guida comprende: Status Bar, Barre WiFi, Barre Segnale (solo iPhone), Icona Blocco, Blocco Rotazione, Batteria (sia in carica che non in carica), VPN, Icona PLAY, Icona Localizzazione (solo iPhone), Icona Sveglia, Icona Bluetooth, Icona “Modalità Aereo”, Icona GPRS, Icona EDGE, Icona UMTS e Percentuale Batteria.
Per convenzione, d’ora in poi indicherò con SB le immagini che si inseriranno nella SpringBoard, mentre con IA indicherò le immagini che sostituiranno quelle nelle applicazioni.
Status Bar
Requisiti
- Due immagini .png (una SB, una IA) di dimensioni 320×20 Pixel
Procedura
- Rinominate le due immagini in Black_Base.png (SB) e Silver_Base.png (IA)
- Inserite le due immagini in Mio_Tema/UIImages
Barre WiFi
Requisiti
- 8 immagini .png (4 saranno SB, 4 saranno IA) di dimensioni 20×20 Pixel. Ogni immagine andrà a sostituire le classiche barre da 0, 1, 2 o 3 tacche di potenza del segnale, quindi dovranno essere progressive. Di seguito un esempio, formato da 4 immagini separate:
Procedura
- Rinominate le immagini con i seguenti nomi, in progressione dal vuoto (zero segnale) al pieno (segnale massimo):SB
- | Black_0_WifiBars.png, Black_1_WifiBars.png, Black_2_WifiBars.png, Black_3_WifiBars.png
IA
- | Silver_0_WifiBars.png, Silver_1_WifiBars.png, Silver_2_WifiBars.png, Silver_3_WifiBars.png
- Inserite tutte le 8 immagini in Mio_Tema/UIImages
Barre Segnale Telefono (solo iPhone)
Requisiti
- 12 immagini .png (6 saranno SB, 6 saranno IA) di dimensioni 19×20 Pixel. Come per il WiFi, le barre sono progressive e vanno a sostituire le 5 barre di potenza segnale, compreso il senza campo. Di seguito un esempio:
Procedura
- Rinominate le 12 immagini nei seguenti nomi, in progressione dal vuoto (senza campo) al pieno (campo pieno):SB
- | Black_0_Bars.png, Black_1_Bars.png, Black_2_Bars.png, Black_3_Bars.png, Black_4_Bars.png, Black_5_Bars.png
IA
- | Silver_0_Bars.png, Silver_1_Bars.png, Silver_2_Bars.png, Silver_3_Bars.png, Silver_4_Bars.png, Silver_5_Bars.png
- Inserite le 12 immagini in Mio_Tema/UIImages
Icona Blocco
Requisiti
- 1 immagine .png (solo SB) di dimensioni 10×20 Pixel
Procedura
- Rinominate l’immagine in Black_Lock.png
- Inserite l’immagine in Mio_Tema/UIImages
Icona rotazione
Requisiti
- Due immagini .png (una SB, una IA) di dimensioni 20×20 Pixel
Procedura
- Rinominate le due immagini in Black_RotationLock.png (SB) e Silver_RotationLock.png (IA)
- Inserite le due immagini in Mio_Tema/UIImages
Batteria
Requisiti
- 10 immagini .png (5 SB, 5 IA) di dimensioni:
- ,
- ,
- | 21×20 Pixel, sono rispettivamente: “l’involucro” della quantità rimasta di batteria, l’icona della batteria in carica, l’icona della batteria caricata.
- ,
- | 3×20 Pixel, sono rispettivamente i colori per “l’interno” della quantità rimanente di batteria, uno per quando è 20%<, l’altra per quando scende 20%>.
Procedura
- Rinominate le 10 immagini nell’ordine sopracitato in:SB
- | Black_BatteryDrainingBG.png, Black_BatteryCharging.png, Black_BatteryCharged.png, Black_BatteryDrainingInsides.png, Black_BatteryDrainingInsidesLow.png
IA
- | Silver_BatteryDrainingBG.png, Silver_BatteryCharging.png, Silver_BatteryCharged.png, Silver_BatteryDrainingInsides.png, Silver_BatteryDrainingInsidesLow.png
- Inserite le 10 immagini in Mio_Tema/UIImages
VPN
Requisiti
- Due immagini .png (una SB, una IA) di dimensioni 20×20 Pixel
Procedura
- Rinominate le due immagini in Black_VPN.png (SB) e Silver_VPN.png (IA)
- Inserite le due immagini in Mio_Tema/UIImages
Icona PLAY
Requisiti
- Due immagini .png (una SB, una IA) di dimensioni 10×20 Pixel
Procedura
- Rinominate le due immagini in Black_Play.png (SB) e Silver_Play.png (IA)
- Inserite le due immagini in Mio_Tema/UIImages
Icona Localizzazione (solo iPhone)
Requisiti
- Due immagini .png (una SB, una IA) di dimensioni 12×20 Pixel
Procedura
- Rinominate le due immagini in Black_Location.png (SB) e Silver_Location.png (IA)
- Inserite le due immagini in Mio_Tema/UIImages
Icona Sveglia
Requisiti
- Due immagini .png (una SB, una IA) di dimensioni 10×20 Pixel
Procedura
- Rinominate le due immagini in Black_Alarm.png (SB) e Silver_Alarm.png (IA)
- Inserite le due immagini in Mio_Tema/UIImages
Icona Bluetooth
Requisiti
- 4 immagini .png (2 SB, 2 IA) di dimensioni 11×20 Pixel, che sostituiranno sia l’icona del bluettoth attivo ma non connesso, sia bluetooth attivo e connesso
Procedura
- Rinominate le 4 immagini con l’ordine sopracitato in Black_Bluetooth.png, Black_BluetoothConnected.png (SB) e Silver_Bluetooth.png, Silver_BluetoothConnected.png (IA)
- Inserite le 4 immagini in Mio_Tema/UIImages
Icona “Modalità Aereo”
Requisiti
- Due immagini .png (una SB, una IA) di dimensioni 16×20 Pixel
Procedura
- Rinominate le due immagini in Black_Airplane.png (SB) e Silver_Airplane.png (IA)
- Inserite le due immagini in Mio_Tema/UIImages
Icona GPRS, UMTS, EDGE (solo iPhone)
Requisiti
- 6 immagini .png (3 SB, 3 IA) di dimensioni:
- ,
- ,
- | 15×20, 7×20, 6×20 Pixel: sono rispettivamente UMTS, GPRS ed EDGE.
Procedura
- Rinominate le 6 immagini con ordine sopracitato in:
- SB | Black_UMTS.png, Black_GPRS.png, Black_EDGE.png
- IA | Silver_UMTS.png, Silver_GPRS.png, Silver_EDGE.png
- Inserite le 6 immagini in Mio_Tema/UIImages
Percentuale Batteria
Requisiti
- 22 immagini .png (11 SB, 11 IA) di dimensioni variabili tra 7×20 e 8×20 Pixel per i numeri, mentre per il simbolo di percentuale 12×20 Pixel
Procedura
- Rinominate le 22 immagini in ordine numerico:
- SB | Black_Percent_%.png, Black_Percent_0.png, Black_Percent_1.png, e così via fino a 9
- IA | Silver_Percent_%.png, Silver_Percent_0, Silver_Percent_1.png, e così via fino a 9
- Inserite le due immagini in Mio_Tema/UIImages
Safari
Safari è sicuramente un’aspetto molto importante che non va sottovalutato, se vogliamo avere un tema perfetto è necessario modificare con la giusta skin anche il browser targato Apple. Vediamo come fare.
- iOs 4.2.1 TipLa modifica di Safari è stata effettuata con iOs 4.2.1. Non avendo a disposizione un dispositivo che supporti iOs 4.3 o superiore, non sono sicuro della compatibilità con tali firmware
In costruzione.
GUIDA | HD
La guida HD è rivolta ai possessori di iPod Touch 4G e iPhone 4.
Carrier Logo HD | Logo Operatore HD
Per cambiare il Logo Operatore (carrier logo) è necessario seguire la Guida Avanzata, più questi semplici passi per installare un carrier in HD.
iPod Touch
Requisiti
- Quattro immagini .png di dimensioni inferiori o uguali a 82×40Pixel
- <li>Una di nome
Black_CARRIER_IPOD.png
- | Immagine necessaria per la modifica, ma non è quella che si vedrà. Ricordatevi di crearla comunque uguale a quella che volete appaia. Misura 82×20 Pixel o inferiore.
- Un’altra di nome Silver_CARRIER_IPOD.png | Immagine necessaria per la modifica, ma non è quella che si vedrà. Ricordatevi di crearla comunque uguale a quella che volete appaia. Misura 82×20 Pixel o inferiore.
- Una di nome Black_CARRIER_IPOD@2x.png | E’ l’immagine che si vedrà nella SpringBoard, in altro a sinistra, al posto della scritta iPod. Lo “sfondo” di default della status bar è di colore nero
- Un’altra di nome Silver_CARRIER_IPOD@2x.png | E’ l’immagine che si vedrà nelle applicazioni, in alto a sinistra, al posto della scritta iPod. Ricordo che lo “sfondo” di default per la status bar è il grigio, quindi non create un’immagine grigia
Procedura
- Inserite le quattro immagini .png create in Mio_Tema/UIImages
- Inserite il tema in Library/Themes, con iFunBox o un client SSH
- Avviate WinterBoard, selezionate il tema e avete terminato. Non appena avrà respringato, troverete il carrier da voi creato al posto della scritta iPod
BENVENUTI SU JECKOO’S BLOG
Ciao a tutti, mi chiamo Giacomo e ho 13 anni. Qualcuno forse mi conoscerà già per via di NOKIALINO il miglior sito di nokia che ho visitato(ne ho visitati parecchi).
Spero che il blog vi piaccia.
BUONA NAVIGAZIONE.