[GUIDA][VTS] Modificare, temare e creare Skin per la Sense

oggi vi propongo questa guida da me personalmente testata per creare, modificare e temare le skin di default HTC (alluminio/opaca/sereno...ecc) utilizzando un tool creato dal Virtuous Team chiamato Virtuous Ten Studio o comunemente VTS. Il VTS ha possibilità e applicazioni pressochè infinite, io vi mostro solo quello che al momento ho provato. Sul sito ovviamente troverete tutta la documentazione per muoversi attraverso tutti gli strumenti di cui dispone il VTS

http://virtuous-ten-studio.com/images/vts_header.png

Sito Virtuous Team Virtuous ROM
Sito Virtuous ten studio Home
Fonte della guida How to create your own Sense Skin

Un grazie infinito al virtuous team che ci ha messo a disposizione questo tool e condiviso il sapere mistico per arrangiarci



Abbiamo bisogno di:
Windows Vista o successivo (va bene anche win8)
NB: Per far funzionare ADB con win8 bisogna seguire questa guida
Microsoft .net Framework 4 FULL
l'ultimo Java runtime (JRE)
ADB
almeno 1gb di ram
Forbici con la punta arrotondata
pennelli di diverse dimensioni
un foglio di cartoncino ondulato
(no questo era un altro programma rotfl)
Download VTS
Una rom con Sense 4.1 (Viper one S, MaximuS 2.5, Trickdroid 8.1, ZenRom, o la rom stock rootata)

Ps. Le immagini della guida le trovate nel link in alto fonte della guida, erano troppo grandi e ce ne erano troppe, qui posso metterne solo 10

Iniziamo!

PARTE 1 - Vale per tutti gli utenti (sia root che no root)

Prendiamo per semplicità la skin Matte (Opaca) ma va benissimo qualsiasi altra skin

Passo 1 - Apk di cui avete bisogno dalla vostra rom (per gli utenti no root scaricate una custom rom Sense ed estraeteli da /system/app)
Fusion.apk
Matte.apk o un altra skin di vostro gradimento.
com.htc.resources.apk (da /system/framework)


Passo 2 - Preparare gli apk per lavorare sul VTS

Aprire il Fusion.apk con 7zip o qualsiasi altro programma per zippare i file
Aprire la skin Matte.apk in una altra finestra di 7zip
Selezionate la cartella matte in Fusion.apk/assets e spostatela nell'altra finestra dove avete aperto il matte.apk nella cartella /assets
Ora nella cartella assets nell'apk della skin matte dovreste avere 2 cartelle (images e matte)
Chiudete 7zip
Ora il matte.apk è pronto per il VTS



Passo 3 - Aggiungerre il Framework tag

Aprite il VTS
Selezionate File (in alto a sinistra) e cliccate su Open settings
Nella parte sinistra della finestra Settings dovete selezionare il Framework
In basso trovate un bottone che con scritto Add framework con una casella di testo che è il tag. Potete cambiare il nome del tag com qualcosa di semplice così saprete per quale apk creiamo il tag
Stiamo usando il com.htc.resources.apk che abbiamo preso da una rom con Sense 4.1, quindi per semplicità nominiamo il tag "4.1-tag"
Ora clicchiamo sul pulsante Add framework
in Local File Path dobbiamo andare a selezionare il nostro com.htc.resources.apk andando a sceglierlo nella cartella dove l'abbiamo messo, selezionate Import e date Ok
NB: Per Jelly Bean ovviamente va utilizzato il com.htc.resources.apk di JB.


Passo 4 - Decompilare la Skin

Selezionate File (in alto a sinistra) e cliccate su nuovo progetto
Assicuratevi di avere selezionato Apk-project dalla lista dei progetti disponibili
Data al progetto un nome per la soluzione e il progetto
Ora selezionate importa dal lato sinistro
Qui dovrete andare a scegliere la posizione del vostro matte.apk cliccando sul pulsante con i tre puntini a fianco della barra
Selezionate apk-tool dal lato sinistro
Qui selezionate il vostro FrameWork tag 4.1-tag che abbiamo creato prima
Passate a M10-Engine e spuntate il piccolo box dove dice Use M10Tools ecc... e Selezionate la versione della vostra Sense
Selezionate ok e così il VTS decompilerà la vostra skin :D

Spoiler:

http://www.virtuous-ten-studio.com/i...mework.Tag.png http://www.virtuous-ten-studio.com/i....matte.apk.png http://www.virtuous-ten-studio.com/i...ution.name.png

Passo 5 - Editare il Manifest.xml

Fate un doppio click su AndroidManifest.xml in solution explorer per aprire il file
Dobbiamo editare la linea #2 dove dice "package="com.htc.skin.Matte" con il nome che volete dare alla vostra skin
Io ho chiamato la skin My Own Skin, quindi nella riga diventerà "package="com.htc.skin.MyOwnSkin

Chiudete il file e salvate cliccando sulla piccola "x" nel tab

Spoiler:

http://www.virtuous-ten-studio.com/i....And.After.png

Passo 6 - Assets folder

Cliccate con il tasto destro nella cartella Assets e selezionate Open in Exlporer
Nell'explorer rinominate la cartella Matte con il nome esatto che avete messo nell'AndroidManifest.xml che quindi sarà MyOwnSkin senza il com.htc.skin davanti
Chiudete la cartella nell'explorer e ritornate sul VTS
Click destro sul progetto e selezionate Reload Project
Ora VTS dovrebbe farvi vedere il nome nuovo della cartella appena rinominata



Passo 7 - Skin Chooser Name

Andate in res/values/ e fate doppio click sul file Strings.xml per aprirlo nel VTS
Dovrete cambiare dove vedrete la parola "Matte" nel nome che volete dare alla skin quando vorrete sceglierlo in personalizza
Non deve necessariamente essere come nel AndroidManifest.xml, qui potrete dare gli spazi che volete, ad esempio "My Own Skin"
Chiudete il file e salvate cliccando sulla piccola "x" nel tab

Spoiler:

http://www.virtuous-ten-studio.com/i...osser.Name.png http://www.virtuous-ten-studio.com/i...me.Changed.png

NB [SOLO JB] Per JB se seguite questa guida vi darà errore Apktool quando andrete a ricompilarla. Per risolvere il problema dovete aprire in Res/Values/ il file Arrays.xml ed eliminare la parola Reference che trovate nelle stringhe 18 e 20 mantenendo però intatta la sintassi <Array> come vedete nelle righe più sotto dell'Arrays.xml (più tardi posto uno screen per farvi capire) Grazie a GUICH per la spifferata

Passo 8 - Editare le immagini

Ora possiamo editare tutte le immagini per personalizzarle a nostro piacimento
Le immagini relative alla skin le troverete in res/drawable-hdpi (a seconda della risoluzione dello schermo, ad esempio le skin per One X saranno "drawable-xhdpi. Le immagini M10 le trovate nella cartella Assets/NOMESKIN/drawable/shared/images
Editate le due immagini (preview_land.jpg e preview.jpg in Assets/image per aggiungere lo screenshot nella selezione della skin in "personalizza" sul nostro HOS. Nella stessa cartella trovate lo sfondo della skin



Passo 10 - Ricompilare la vostra nuova skin

In Solution Exlporer dobbiamo fare un doppio click sul progetto e selezionare Build Project
Aspettate che il VTS finisca di compilare il vostro nuovo apk
Per trasferire e installare il nuovo apk sul HOS selezionate il pulsante in alto chiamato "Binary" e selezionate il vostro apk


Passo 11 - ABBIAMO FINITO!! (finalmente!)

trasferite manualmente il vostro apk nella sdcard e installatelo con un file explorer. Per chi è root può spostarlo, sempre con un file explorer, nella cartella /system/app
Installate l'apk
Andate in Impostazioni/personalizza/skin e trovate la vostra skin. Applicate e godetevela!!!!

Se guardate la guida originale del VTS per temare la sense vedrete che ho tolto il passaggio 9 che non è altro che passare l'apk appena compilato via ADB, l'ho tolto di proposito perchè già farà penare il programma, tanto vale non perdere tempo a settare il VTS con ADB (potete sempre e comunque farlo) quando si può mettere la modalità disco e passarsela da li

Un thanks oggi è sempre ben accetto se vi sono stato utile ;)

Fatemi sapere cosa ne pensate

reserved e 10

https://lh3.googleusercontent.com/-S...-06-205646.png

Questo è un piccolo esempio, una prova fatta al volo ieri sera :D

un altro ancora per il futuro (anche se il mondo finisce il 21/12/12) rotflrotfl

Complimenti per la guida Rich.
Ci serviva proprio.;)

grazie Senso41 rotfl fammi sapere come va :D

Appena la provo ti faccio sapere come va :) intanto grazie :D

Forse mi sono perso qualcosa, ma per esempio se io voglio modificare JET, in quale punto della guida devo selezionarlo? Devo forse selezionarla al punto 4 dove c'è apktoolpath? Grazie :)

Esatto :)

Inviato dal mio HTC Flyer P510e con Tapatalk 2

Quote:

---

Originariamente inviato da Richtc

Esatto :)

Inviato dal mio HTC Flyer P510e con Tapatalk 2

---

Ma adesso come percorso su ApkTool path ho C:\Program Files (x86)\Virtuous Ten Studio\External\ApkTool\apktool_1.5.0.jar , invece il file del tema JET è un apk e non me lo fa selezionare, quindi? :o

Quote:

---

Originariamente inviato da nickname

Ma adesso come percorso su ApkTool path ho C:\Program Files (x86)\Virtuous Ten Studio\External\ApkTool\apktool_1.5.0.jar , invece il file del tema JET è un apk e non me lo fa selezionare, quindi? :o

---

No.
Apktool path lascialo stare....devi scegliere il framework tag che hai creato prima. L'apk lo scegli da import ;)

Inviato dal mio HTC Flyer P510e con Tapatalk 2

Ok credo di esserci riuscito, ora quando ho finito di editare le immagini la provo :D

Buono. :) io ho appena preso un notebook con win8 e non c'è verso neanche di fargli aggiungere il framework :'(...mentre con win7 invece si...

Inviato dal mio VLE_U con Tapatalk 2

Ragazzi sareste interessati anche ad una guida su come editare gli apk? ad esempio modificare i colori all'interno delle app? se volete posso farla :D sempre utilizzando il vts...
ho anche decompilato 5-6 skin da xda+quelle di default htc pronte per essere editate, probabilmente in giornata le metto su dropbox per chiunque voglia editarle se non ha la possibilità di installare il vts :)

al punto 4 dopo aver fatto tutto non mi fà mettere ok ! perche? :(

Quote:

---

Originariamente inviato da AndreaFabbio

al punto 4 dopo aver fatto tutto non mi fà mettere ok ! perche? :(

---

Hai dimenticato qualcosa...hai messo il nome al progetto?

Inviato dal mio VLE_U con Tapatalk 2

sisi ho provato a modificare jet !

risolto,ma ora ho un'altro problema:non mi fà decompilare !

Spiegami cosa hai fatto, non posso andare così alla cieca :)

Inviato dal mio VLE_U con Tapatalk 2

ho seguito passo passo la guida ma non mi decompila il file

Che errora ti da nel logs? Riesci a postare uno screen?

Inviato dal mio HTC Flyer P510e con Tapatalk 2

Idolo!
Peccato non poter usare VTS per mancanza di requisiti principali.
Ma se uppi su dropbox le skin principali, ne modifico una e te la passo, puoi ricompilare l'apk?

(~Inviato dal mio HOS~)

Quote:

---

Originariamente inviato da Eidolon

Idolo!
Peccato non poter usare VTS per mancanza di requisiti principali.
Ma se uppi su dropbox le skin principali, ne modifico una e te la passo, puoi ricompilare l'apk?

(~Inviato dal mio HOS~)

---

È chiaro che si può rotfl volevo già farlo oggi, domani lo farò, vi do il link di dropbox con lo screenshot della skin originale così sapete che roba state andando a modificare ;)

Inviato dal mio HTC Flyer P510e con Tapatalk 2

Quote:

---

Originariamente inviato da Richtc

Ragazzi sareste interessati anche ad una guida su come editare gli apk? ad esempio modificare i colori all'interno delle app? se volete posso farla :D sempre utilizzando il vts...

---

Mi ero perso questo pezzo...
Maaaa si potrebbe modificare proprio l'icona dell'app in questione? (Essendo stock)


(~Inviato dal mio HOS~)

Si può fare, bisogna solo saperla trovare...ad esempio di che apk? Oggi mi sono preso su il notebook a lavorare che in pausa pranzo ci guardo :D con gli apk delle singole app è possibile sia modificarne i colori con il progetto xml che l'icona con il progetto apk

Inviato dal mio HTC One S Special Edition con Tapatalk 2

Nello specifico a me interesserebbero quelle di sistema: internet, fotocamera, messaggi e posta.
Avendo brand Tim sono personalizzate, sarebbe fantastico avere quelle originali della Sense!

(~Inviato dal mio HOS~)

LOL è vero :) provo a verificare ma (non sono assolutamente sicuro) credo ti basti installare gli apk ufficiali...non so come funzioni con una rom brandizzata

Inviato dal mio HTC One S Special Edition con Tapatalk 2

Ah dici che basterebbe installare quelli ufficiali? Sovrascrivendosi a quelli già installati... Potrebbe funzionare.
Ma ho paura di fare casino, devo vedere se qualcuno ci ha già provato.

(~Inviato dal mio HOS~)

Esatto, il problema è quello, potrebbe venirci una zuppa atroce....sinceramente non l'ho mai fatto...potresti farti un megabackuppone e provare, al massimo reinstalli la ruu ;) ovviamente scherzo.

Inviato dal mio HTC One S Special Edition con Tapatalk 2

Ahahaha la zuppa atroce xD
Come avrai capito sto cercando di tenerlo stock... Non mi tentare troppo :)

(~Inviato dal mio HOS~)

Ho trovato una discussione relativa al Galaxy Gio, con il mio stesso problema (ossia sostituire le icone Tim con quelle stock).
Lì hanno risolto flashando da recovery un pacchetto .zip contenente (in quel caso) le icone stock di ICS.

La domanda è:
Si possono estrapolare dalla Sense o da un tema le icone standard e farne un apk?
Ho provato a chiedere su XDA ma per ora a parte le visite, tutto tace.

(~Inviato dal mio HOS~)

anche per sense 4+ si puo fare?

Quote:

---

Originariamente inviato da Eidolon

Ho trovato una discussione relativa al Galaxy Gio, con il mio stesso problema (ossia sostituire le icone Tim con quelle stock).
Lì hanno risolto flashando da recovery un pacchetto .zip contenente (in quel caso) le icone stock di ICS.

La domanda è:
Si possono estrapolare dalla Sense o da un tema le icone standard e farne un apk?
Ho provato a chiedere su XDA ma per ora a parte le visite, tutto tace.

(~Inviato dal mio HOS~)

---

Eidolon come fai a flashare da recovery se non è root? tanto vale sbrandizzarlo se devi rootarlo rotfl per le icone non penso si possa fare sinceramente

Quote:

---

Originariamente inviato da tonypello

anche per sense 4+ si puo fare?

---

certo :cool: altrimenti cesco e guich come farebbero? :D

ma non trovo questo file nella maximus 11
com.htc.resources.apk

lo trovi in system/framework ;)

Quote:

---

Originariamente inviato da Richtc

Eidolon come fai a flashare da recovery se non è root? tanto vale sbrandizzarlo se devi rootarlo rotfl per le icone non penso si possa fare sinceramente

---

E' proprio quello il bello!
Di là hanno flashato con la recovery stock, se no non te l'avrei mai chiesto.
Guarda, direttamente da XDA: [MOD] Custom Icons for Stock ROM`s - xda-developers

Se non riesco, ho capito che aspetto la RUU di JB (e poi tu con taaanta pazienza mi seguirai nella procedura di sbrand, che qua la cosa si fa complicata).
Rimpiango il Nexus adesso (solo per lo sblocco e il discorso garanzia), ma se mi avessero detto che era brand Tim forse forse ci avrei pensato...

Quote:

---

Originariamente inviato da Richtc

lo trovi in system/framework ;)

---

grazie mille ora ci provo anche io :))

Quote:

---

Originariamente inviato da Eidolon

E' proprio quello il bello!
Di là hanno flashato con la recovery stock, se no non te l'avrei mai chiesto.
Guarda, direttamente da XDA: [MOD] Custom Icons for Stock ROM`s - xda-developers

Se non riesco, ho capito che aspetto la RUU di JB (e poi tu con taaanta pazienza mi seguirai nella procedura di sbrand, che qua la cosa si fa complicata).
Rimpiango il Nexus adesso (solo per lo sblocco e il discorso garanzia), ma se mi avessero detto che era brand Tim forse forse ci avrei pensato...

---

Eidolon non confondere HTC con Samsung, il modding è molto diverso ;) non è detto che quello che si può fare con Samsung si può fare con HTC e gli altri e viceversa...ad esempio loro devono usare odin..noi non abbiamo bisogno di programmi

Inviato dal mio HTC One S Special Edition con Tapatalk 2

Quote:

---

Originariamente inviato da Richtc

Eidolon non confondere HTC con Samsung, il modding è molto diverso ;) non è detto che quello che si può fare con Samsung si può fare con HTC e gli altri e viceversa...ad esempio loro devono usare odin..noi non abbiamo bisogno di programmi

Inviato dal mio HTC One S Special Edition con Tapatalk 2

---

Mi stai togliendo le speranze, ho capito.
...
...
Giammai!!! Troverò il mio pacchettino da flashare :D
Ad ogni modo non rompo più con sta storia, se ho news magari apro un topic apposito.

(~Inviato dal mio HOS~)

Non voglio toglierti le speranze rotfl ti dico solo che è diverso ;)

E poi finché ci confrontiamo con domande e proposte costruttive nessuno rompe rotfl

Inviato dal mio HTC One S Special Edition con Tapatalk 2

Aggiornata la guida nel passo 3 e passo 7 con i passaggi da fare SOLO PER LE SKIN DI JELLY BEAN

Quote:

---

Originariamente inviato da Richtc

Aggiornata la guida nel passo 3 e passo 7 con i passaggi da fare SOLO PER LE SKIN DI JELLY BEAN

---

Rich io dico che dovremmo fare un merge delle 2 guide per 2 semplici motivi:
1- la mia in sezione one x non se la caga nessuno ( maledetti! roftl)
2 - ora aggiungo anche la parte per l'editing degli M10 ( personalizzazione totale di qualsivoglia cosa ) ;-)

Inviato dal mio HTC One X con Tapatalk 2