[How-to] Come creare Frameworks personalizzati per ogni tipo di rom!

[memnoch]

Salve a tutti! Visto le pressanti richieste di “How-to” su frameworks e personalizzazioni varie, ho deciso di svelare l'aracano e di fare una guida passo passo per mostrare quanto sia facile ottenere un frameworks personalizzato PER QUALSIASI ROM, sia gingerbread che froyo ma anche “No-sense” come la CyanogenMode. In realtà i frames sono “trucchi da salotto” rispetto ad un tema completo, nel senso che creano quell'effetto “wow” che hanno i temi, ma potete cambiarli e flasharne quanti ne volete senza dover ripristinare backups, rischiare bootloops o aspettare che il developer del vostro tema preferito faccia l'update per la nuova rom che volete flashare! Il che è parecchio vantaggioso se pensiamo alla velocità con la quale escono le nuove rom e soprattutto al lavoro immane che un dev deve fare per comporre un tema! Quindi armatevi di un pochino di pazienza perchè la prima volta vi sembrerà difficile, ma appena ci prendete la mano sarà uno scherzo! Il tutto si svolge in una cucina on-line che s chiama UOT Kitchen (UltimateOnlineTheme). La cucina farà per voi quei passaggi che normalmente richiedono un alto grado di conoscenza. Pensate che anche i themers esperti se ne servono per una prima bozza dei loro lavori! Quindi nn sentitevi “niubbi”, perchè la cosa è semplice ma và anche saputa fare!
NOTA IMPORTANTE PRIMA DI INIZIARE: la cucina supporta sia gli script Amend che Edify. C'è da dire però che lo script Edify che supporta il file “binary” è il più usato e quello più compatibile con la cucina. Lo script Amend è possibile sceglierlo, ma se ne consiglia l'uso SOLO in caso di problemi di flash. Traducendo, se avete la recovery 2.5.1.3 (quindi Amend), sarebbe meglio cambiarla con la 3.0.0.6 (quioni Edify+Binary) cioè maggiormante retrocompatibile. Nulla vieta di provare e nn è affatto detto che nn funzioni. Per onestà vi dico però che nn ho mai provato con la 2.5.1.3 ma ho sempre fatto tutto con la 3.0.0.6!

Cominciamo

1) prendete la rom che volete personalizzare. Apritela con winzip (o simili) ma SENZA SCOMPATTARLA (quindi click col destro sullo .zip della rom e scegliete apri).
2) Ora siete dentro la rom. Cliccate in System\Frameworks. Vi trovate davanti molti file .jar..lasciateli perdere, a noi interessa il file.zip Framework res.apk. Trascinatelo fuori dalla rom e mettetelo in una cartella che per comodità chiameremo “Framework x.x” (a seconda della versione della rom che stiamo personalizzando (es. per la RCMix 5.9, chiamiamola Frameworks 5.9). troniamo indietro (alla schermata dove c'era la cartella “frameworks” (con winzip clicchiamo la freccia in alto) e clicchiamo su “app”. All'interno ci sono molti file.zip..a noi interessa il file .zip chiamato “SystemUI.apk”, trasciniamolo come per framework res.apk nella cartella “Frameworks x.x” NOTA IMPORTANTE: il file.zip “SystemUI ci serve SOLO se vogliamo personalizzare una rom Gingerbread. Se siete su una rom Froyo BASTA SOLO IL FILE FRAMEWORK RES.APK. (lo troverete scritto anche nella UOTKitchen).
3) Ora andiamo nella cucina: UOT Kitchen

Clicchiamo su “Kitchen”. Ora, la cucina si presenta come un percorso. Iniziate da Battery e finite da Summary. Le varie “tappe” sono Icons, Notification, Windows animation, Bootimage, Font, Upload. Di tappa in tappa scegliete il mod che più vi piace. Ad ogni personalizzazione attendete che venga generata la “Preview” della modifica. Se nn dovesse venire generata la cucina nn funzionerà. La causa più comune di questo intoppo è la troppa richiesta di files che la cucina riceve. Provate in un secondo momento e funzionerà;-).
4) Una volta scelti i nostri mod, andiamo nella sezione “Upload” dove dovremmo caricare i nostri files contenuti in “Framework x.x”. Cliccate sull'apposita banda e cercate nel pc la cartella (per comodità la metterei nel Desktop ma fate come volete). Caricate prima framework.res, attendete che la banda azzurra finisca, e dopo fate lo stesso con SysteUI.apk (MA RICORDATE, QUEST'ULTIMO SOLO SE AVETE UNA ROM GINGERBREAD, IN CASO CONTRARIO BASTA IL PRIMO FILES).
5) Quando l'upload sarà terminato, potremmo andare in “Summary” e controllare se il lavoro è ok. La cucina stessa ve lo dirà. In che modo? A banda verde corrisponde un lavoro ok. A banda arancione il lavoro nn è ok (o perchè la preview nn è stata generata o perchè c'è stato qualche errore). A banda bianca il frame nn è supportato. Vi dico subito che il 99% delle volte quando dà banda arancione siginifica che la preview nn è terminata. In questo caso provate ad andare dove il frames è arancione (ad esempio tornate in “Battery” se la banda arancione indica battery e provate a rifare il mod finchè nn avete la preview...tornate in “Summary” e controllate che ci sia banda verde)
6) Se tutto è ok (cioè se tutto il lavoro ha banda verde) cliccate (sempre in “Summary”) su “Submit work to kitchen”. Inizierà il processo di “cooking” del framework che avete moddato. Attendete che finisca. Potrebbe capitare che il file nn finisca in tempo di “cucinare”, in questo caso avrete un'errore del tipo “waiting too long, go to the pickup page”. Fate come vi dice, andate in “Pickup Page” e cliccate su “Show all files” e vedrete a che punto sta il vostro. In ogni caso, appena pronto il vostro files verrà messo nel menu a parte “Your recent cooked files” e potrete agevolmente scaricarlo.
7) Il frameworks è pronto;-) Si tratta di uno .zip file pronto da flaschare che sarà nominato “UOT x_x_x_x_x”. Ora nn dovete fare altro che metterlo sulla sd e flasharlo!


Come fare il flash:

1) mettere il file nella sd
2) andare in recovery
3) fare wipe dalvik (dalla voce “Advanced”..se ne fate 2 o 3 è meglio)
4) flashare


Ulteriori personalizzazioni:

Il file UOT che avete ottenuto, apporterà delle modifiche tutt'altro che superficiali all'interfaccia grafica del nostro dhd..tuttavia cose come le icone in “settings” per esempio, oppure i popups di caricamento, gli spinner, e più in generale, tutto quello che nn moddate nella cucina resta fuori dalla modifica. Ecco perchè i frames sono e restano dei “temi a metà”. Possiamo comunque avvicinarci ancora un po al lavoro di un vero themers imparando a ritoccare\sostituire\persoanlizzare alcune immagini contenute in res.apk e systemUI.apk. Poete farlo in questo modo:

1) aprite il vostro framework (SENZA SCOMPATTARLO COME PER LA ROM)
2) vi troverete davanti le cartelle app, fonts, framework, META INF. A noi interessano “app” e “framework”. In entrambe le cartelle (una volta aperte) troverete i nostri .zip framework res.apk e SystemUI.apk. All'interno di ognuna troverete altre sotto cartelle. Noi clicchiamo sulla cartella “res”. All'interno troviamo molte altre sotto cartelle. Quella che ci interessa si chiama “drawable-hdpi-v4”. All'interno sono contenuti i file .png che compongono il nostro frame. Indicarvi una per una le immagini, la loro locazione all'interno dell'interfaccia grafica e la loro funzione sarebbe un lavoro “biblico”. Mi limito a dirvi che se ci cliccate sopra l'immagine .png vi verrà mostrata e, con un po' di intutito (e mooolta pazienza) capirete a quale parte grafica del frame corrisponde. Anche il nome dell'immagine può aiutarvi (pensate che io le ho dovute guardare tutte per capire perchè guide come questa in giro nn ne trovate!!!). Una volta scelto il .png che volete modificare, estaretelo e modificatelo con programmi di editing foto come Fotoshop o Gimp (questa parte è tutt'altro che una passeggiata perchè è richiesta una competenza avanzata nell'uso di tali programmi. Io stesso ho dovuto chiedere aiuto e nn poco sennò avrei fatto davvero poca strada e ancora adesso so modificare solo pochissime cose come i popups, gli spinner, etc..insomma..robetta;-)). Una volta modificata, reinseritela da dove l'avete estratta e si riposizionerà automaticamente nella maniera corretta.
NOTA: possiamo anche sostituire le nimazioni senza ricucinare il frame per intero, basta cancellare il contenuto della cartella "anim" contenuta in framework res.apk\res\anim e sostituirlo col contenuto di un'altra cartella "anim" contenente le animazioni che vogliamo!

links utili:

link su xda per UOTKitchen :[MOD][04/05] UOT Kitchen (Ultimate Online Theme Kitchen) version 4.0 - xda-developers

Alcuni chiarimenti in più se i miei nn dovessero bastare
[Guide] Do it yourself - Theming | Darky's ROM

[memnoch]

riservato...

[Salv0]

Bravo bravo mem )) ben fatto e grazie mille

[labronico]

Sei un grande...guida utilissima!!! La stavo cercando!

[cesco]

bella mem!!!

stasera vedo di fare il miracolo con qualche framework!!

e se mi gira il pirlo sparo dentro i png della auraxtsense!! ahahahaha

[Orco]

Grande Memmone!!!! Se ce la faccio a leggere la guida, il primo frame che faccio lo personalizzo io per te!!

[Orco]

Allora, ho cucinato io stasera, il mio primo frame, na cosa semplice, sughetto finto co la cipolla, du spaghetti al volo senza secondo così resto leggero. E' buono per la RCMix5.9, ma non l'ho ancora testato. L'unica cosa che non ho capito come scegliere sono le icone!! Non è che mi spieghi meglio!!

[memnoch]

Allora, ho cucinato io stasera, il mio primo frame, na cosa semplice, sughetto finto co la cipolla, du spaghetti al volo senza secondo così resto leggero. E' buono per la RCMix5.9, ma non l'ho ancora testato. L'unica cosa che non ho capito come scegliere sono le icone!! Non è che mi spieghi meglio!!

Ma intendi nella UOT o a mano??? Se intendi nell'UOT basta che flagghi il set di icone che ti piace di piu..se intendi a mano, come spiego nella guida, devi operare sul file res e sostituire manualmente i png che vuoi...cosa nn ti è chiaro esattamente..? Fammi un'esempio che magari ti aiuto meglio..
PS. Tra l'altro la dico a è stata arricchita di nuove features come la possibilità di mettere l'effetto glow che fino a stasera nn c'era! Infatti io dovevo ogni volta sostituirlo ed editarlo a mano;-)

Sent from my Desire HD using Tapatalk

[Orco]

Ma intendi nella UOT o a mano??? Se intendi nell'UOT basta che flagghi il set di icone che ti piace di piu..se intendi a mano, come spiego nella guida, devi operare sul file res e sostituire manualmente i png che vuoi...cosa nn ti è chiaro esattamente..? Fammi un'esempio che magari ti aiuto meglio..
PS. Tra l'altro la dico a è stata arricchita di nuove features come la possibilità di mettere l'effetto glow che fino a stasera nn c'era! Infatti io dovevo ogni volta sostituirlo ed editarlo a mano;-)

Sent from my Desire HD using Tapatalk

Si, dell'effetto glow me ne sono accorto anch'io perchè ne stavo cucinando una seconda e m'è comparso il tab che nella prima non c'era!! Comunque già m'hai risposto, ovvero posso selezionare solo il set che mi piace di più. Ma i .png per modificarle a mano, come li prendo?

[Orco]

E comunque nel tab "Icons" ho 5 blocchi di set di icone, "Emoticons" "Black status bar icons", "Akoe101 icons", "White status bar icons" e "Notification Power Buttons". Ognuno di questi blocchi ha vari set di icone. Quello che non capisco è se devo selezionare un set di icone e basta dai 5 blocchi o se per ogni blocco ne posso selezionare uno (quindi in tutto 5 set) e come vengono visualizzate poi nel DHD, visto che tanti mi sembrano avere la stessa funzione!!