[Tutorial] Crear temas para htc hero

[Alexbarrt]

Hola Compañeros!!

Aunque actualmente hay varios tutoriales sobre como crear Temas en android, he decidido crear uno basandome en varios de ellos, para tenerlo en nuestro Foro de la Hero.
Mas que nada para tener un espacio que nos sirva para compartir ideas, investigar mas, cambiar archivos. En fin que nos hechemos una mano unos a otros.

Al realizar este resumen se tomo como referencia los siguientes Tutoriales:

http://www.htcmania.com/showthread.php?t=56331
(Creado por el compañero CREBAINDAMME, con la ayuda de DaWeIII)
http://forum.xda-developers.com/showthread.php?t=574167
(Creado por Ratcom de xda-developers)
http://forum.xda-developers.com/showthread.php?t=473580
(Creado por Stericson de xda-developers)
http://forum.xda-developers.com/showthread.php?t=487001
(Creado por Damnitpud de xda-developers)

Gracias

PD: Si se me paso alguno ya lo colocare .

1-QUE DEBEMOS TENER ANTES DE EMPEZAR
a.La ROM que queramos modificar.
b.Maquina Virtual de Java actualizada y funcionando. Se puede descargar desde aquí: http://java.sun.com/javase/downloads/index.jsp
c.SDK De Android.
d.WinRar o similiar para descomprimir y comprimir los archivos necesarios.
e.Autosign (Necesario para firmar los APK y el update.zip final) Descarga: http://forum.xda-developers.com/showthread.php?t=473580
f.Plantilla para crear los zip: http://www.multiupload.com/TQ9EXUEYSC

2-MODIFICACION Y FIRMA DEL APK
Una vez tengamos la ROM que deseamos modificar, procedemos a descomprimirla. Esta nos arrojara 3 carpetas (data, META-INF, system) y 1 archivo (boot.img).
Las apk que neceitamos para modificar(Al menos las que modifico yo) se encuentran en:
system/app (Encontramos los widgets, Rosie y muchas de las aplicaciones del sistema que se instalan con la ROM. Ej: Rosie.apk, com.htc.MusicWidget.apk, PCSCII.apk, entre otras)
system/framework (En esta carpeta solo hay 2 apk que son las que modificamos com.htc.resources.apk y framework-res.apk)
Teniendo los apk que queremos modificar procedemos a hacer lo siguiente.
-Creamos una copia de los apk con los que vamos a trabajar y las renombramos de .apk a .zip o .rar
Ejm: framework-res.apk(apk original),

framework-res – copia.apk(apk copia),

framework-res – copia.rar(apk copia renombrada)
-Una vez hecho esto, descomprimimos el archivo renombrado. Abrimos la carpeta res y podremos ver varios directorios.

Drawable, drawable-land, drawable-port, etc. Aqui son donde se guardan las imagenes que utiliza el APK
Los demas archivos los podemos eliminar, solo conservaremos las carpetas con las imagenes.

-Procedemos a modificar las imágenes .PNG que nos interesen. Hay algunas cosas que no podemos editar si no lo hacemos desde el source (cosa que ahora no vamos a hacer). Solo que sepáis, que no podemos editar las imagenes con extension .9.png. Si lo hacemos podemos tener problemas... así que mejor no tocar esos PNG si no sabemos lo que hacemos.
Finalizada la modificación de nuestras imágenes, procederemos a modificar nuestros apk originales con la nueva información.
-Abrimos el apk original utilizando winrar (Pero este no se deberá renombrar). Usar la opción abrir con
-En el apk original buscamos la ruta donde se encuentran las imágenes que modificamos en la copia.
-Seleccionamos las imágenes que modificamos y las arrastramos al apk, para que estas se reemplazen.




NOTA: No se deben comprimir los archivos y renombrarlos nuevamente a apk, debido a que da problemas al instalarse.
Tips: en vez de arrastrar imágenes, arrastrar la carpeta completa donde tenemos las imágenes modificadas. Ojo no se le debe cambiar el nombre a estas carpetas para que se remplace correctamente.

Con el apk ya modificado debemos proceder a firmarlo:
El método más sencillo es con un autosign que JesusFreke ha hecho. Esta permite hacer click derecho en el archivo apk y firmarlo.
Pero utilizaremos el signing que nos facilita Stericson de XDA-developers, el cual se basa en el de JesusFreke y permite automatizar todo el proceso.
Este archivo establecerá el CLASSPATH, instala los registros necesarios, nos permite firmar los archivos manualmente, y guarda o saca los archivos del teléfono.
Descargar directa proporcionada por el autor: http://www.relentlessaddictions.com/Androidstuff/signing.zip (Si no se debe colocar decírmelo y lo quito)
Descargado el archivo signing.zip, procedemos a descomprimirlo dentro de la carpeta tools del SDK que utilicemos.
Ejecutamos el archivo autosign.bat y nos mostrara algo como esto


Procedemos a realizar lo siguiente:
· Pulsamos 1 y Enter: Nos Modificara el PATH de Windows, agregando la ruta de nuestra carpeta tools del SDK. Le decimos yes y pulsamos Enter.
·Pulsamos 2 y Enter: Nos añade en el CLASSPATH la ruta del testsign.jar que guardamos en la carpeta tools del SDK. Le decimos yes y pulsamos Enter.
·Pulsamos 3 y Enter: Escribirá los datos en el registro. Le decimos yes y pulsamos Enter.
Listo. Ahora si os fijáis, cuando hagáis click derecho en archivos ZIP y APK, arriba del todo os saldrá una opción llamada: Resign.apk o Resign.zip dependiendo del tipo de archivo.


La opción 4 nos permite firmar los APK y Zip manualmente. Indicándole la ruta del archivo que queremos firmar. Este método es el que yo utilizo para firmar los Zip, porque no me aparece de forma automática como en los apk.
NOTA: En la ruta de acceso a su SDK no deben haber espacios en los nombres de las carpetas. Tampoco debe haber espacios en la ruta que se coloque si se desea firmar manualmente.
EJ: C:\Android Hero\SDK\Tools (Incorrecto= Android Hero)
C:\AndroidHero\SDK\Tools (Correcto=AndroidHero)


3-CREAR ARCHIVO ZIP y FIRMARLO
Finalizada la modificación y firma de los apk, procederemos a crear los ZIP.

Para esto solo debemos bajarnos la plantilla que puse en un principio update.zip.

Una vez descargada la descomprimimos, arrojándonos 3 carpetas app (vacía), framework (vacía) y META-INF (NO se toca).

En la carpeta app guardaremos todas las APK modificadas y firmadas que hayamos cogido de la carpeta system/app de la Rom

En la carpeta framework guardaremos el framework-res.apk y el htc.com.resources.apk modificados y firmados.


Además en esta carpeta guardaremos el services.jar si este se ha modificado por algún otro para cambiar el color de la hora y de las notificaciones de la barra de estado.

Organizados los archivos en las carpetas correspondientes, procedemos a comprimirlas en formato ZIP. Ojo, el nombre de este fichero no debe contener espacios.



Nota: Si no modificamos algún apk no es necesario agregarlo.

Creado el ZIP lo firmamos.
Opción 1: Click derecho sobre el archivo ZIP creado y seleccionar Resign ZIP.

Opción 2(Manual):


·Abrimos autosign.bat
·Pulsamos 4 y Enter
·Nos preguntara la ruta del fichero que queremos firmar, así que la introducimos (No debe tener espacios los nombres de las carpetas en la ruta)
·Nos pide confirmación, escribimos yes y pulsamos enter
·Listo!!


4-IMAGENES 9.PNG
Por el momento solo incluyo la direccion de la pagina que me ayudo a modificarlos. Debido a que este proceso es un poco mas complejo, y tal vez necesite su propio Hilo. En la pagina de XDA-developers esta muy bien explicado, y si necesitan ayuda tratare de colaborarles en lo que mas pueda y haya entendido.
http://forum.xda-developers.com/showthread.php?t=487001

Añado el link a un Manual en Español que creo nuestro compañero JRSOFT, para editar este tipo de imagenes. Ojo solo expone la edicion de la imagen. Falta el proceso de compilar la imagen en Eclipse u Otro programa para eliminar las guias q hicimos.
http://www.htcmania.com/showthread.php?t=84300

[Alexbarrt]

Reservado Para DUDAS, RESPUESTAS y CONSEJOS

[xavi_7_77]

Como siempre, te doy mis gracias y mi enorabuena por tu trabajo!! Mis aplausos!!!

[Alexbarrt]

GRacias Xavi!! .

Pero yo solo he recopilado informacion y tratar de explicarlo un poco con mi palabras. Bueno tambien citando textualmente muchas cosas de los otros tutoriales.

Espero que se entienda y si alguien quiere agregar algo o cambiar que me lo diga . PAra asi dejar todo mas pulido. .


Saludos

[vvaleta]

Que bueno eres compi, ha esto me referia yo, si señor, esto se merece chinchetazo, en este hilo aparte de aprender,dudas, etc, podemos realizar un tema y conpartirlo para todos, en cuanto pueda me pongo a hacer alguno, haber si soy capaz
Eres grande
GRACIAS

[Alexbarrt]

En lo de realizar un tema entre todos, me parece perfecto .

ES mas, mi idea para un proximo tema, es realizar la Vieja escuela en la HERO!
En honor a nuestra compañera TOTI .
YA estoy empezando a trabajar sobre ello y seria bueno contar con toda la ayuda posible.

Un Saludo

[gerard_f]

Grandisimo manual Alex!!!!

Hace un par de dias yo me puse a trastear esto de los temas.
De momento solo los .png, y este post me viene de lujo porque ahora me falta saber mas cosas sobre el .9.png y el services.jar, asi que cuando llege el momento preguntare aqui
Yo de photoshop se lo justo, asi que ahora toca trastear xd. Adjunto una imagen del cutre-tema que estoy haciendo de prueba (solo cambio de color la barra inferior) para ir aprendiendo jajaja

Y sisi este post se merece chincheta ya!

[Alexbarrt]

 Cita: Originalmente Escrito por gerar

Grandisimo manual Alex!!!!

Hace un par de dias yo me puse a trastear esto de los temas.
De momento solo los .png, y este post me viene de lujo porque ahora me falta saber mas cosas sobre el .9.png y el services.jar, asi que cuando llege el momento preguntare aqui
Yo de photoshop se lo justo, asi que ahora toca trastear xd. Adjunto una imagen del cutre-tema que estoy haciendo de prueba (solo cambio de color la barra inferior) para ir aprendiendo jajaja

Y sisi este post se merece chincheta ya!

Gracias Gerar!!

Y por lo que veo ya vas muy bien.
Si has cambiado los colores de la barra de abajo, significa que ya dominas lo de firmar las apk y los zip. (Ese fue mi gran dolor de cabeza)

Con respecto a los 9.png, es algo omplicado pero no dificil.
Cuando estes con ello, cuenta conmigo para cualquier duda.

Y sobre los services.jar y XML, ya lo aprenderemos entre todos.

Saludos

[gerard_f]

Lo de firmar ningun problema, mi gran dolor de cabeza sera dominar el photoshop jajaja
Bueno lo dicho, muchisimas gracias Alex, y haber si entre todos hacemos un buen tema

[Alexbarrt]

 Cita: Originalmente Escrito por gerar

Lo de firmar ningun problema, mi gran dolor de cabeza sera dominar el photoshop jajaja
Bueno lo dicho, muchisimas gracias Alex, y haber si entre todos hacemos un buen tema

POr lo del photoshop. No te preocupes
Tambien lo podemos tratar por aqui .

No soy un expertoooooooo, pero se me da un poco y conozco muhas de sus herramientas.


Saludos

Pd: Yo utilizo PhotoShop CS2

[gerard_f]

 Cita: Originalmente Escrito por Alexbarrt

POr lo del photoshop. No te preocupes
Tambien lo podemos tratar por aqui .

No soy un expertoooooooo, pero se me da un poco y conozco muhas de sus herramientas.


Saludos

Pd: Yo utilizo PhotoShop CS2

Yo de momento uso el macromedia fireworks porque era el unico que tenia a mano. Pero ahora me estoy bajando el photoshop.
Pues entendido cualquier duda de photoshop por aqui tambien
Y lo de que no eres un experto no es verdad... Viendo tus temas estas hecho un crack!!! jeje
Saludossss

[vvaleta]

Bueno, pues ya estoy liado con un nuevo tema, haber que consigo y os cuento mis avances
Saludos

[sentinelz]

Grande grande!!! Muy buena aportación

[Alexbarrt]

Hola compañeros!!

Me alegra que ya hay varios que estan empezando a probar con lo de la creacion de TEMAS.

Yo actualmente le pedi permiso a nuestra querida TOTI, para sacar una version de la vieja escuela en la HERO. Y actualmente ya he empezando a cacharrear un poco, buscando imagenes y pensando como se podria adaptar.

Luego mostrare algunos adelantos, para que TOTI le de el visto bueno.

Se agradecera toda la ayuda posible,
Ya que tambien voy a empezar a meterle el diente a algunos xml de las apk, para ver si puedo modificar las fuentes. Ya que esto como me lo comento el compañero JAMILU007 es un detalle importante en el tema de la vieja escuela.

Saludos

[Alexbarrt]

Bueno, como ya lo comente,
estoy empezando a trabajar en la Vieja escuela para la Hero.
Todo esto esta sujeto a modificaciones
Empeze cambiando el REloj y la barra deslizable de notificaciones.

LA idea en un principio de la Barra deslizable de notificaciones era poner una especie de persiana con un mapa de fondo. Asi como lo teniamos en la escuela creo .
Pero la imagen se me divide en mosaico, asi que no se que otra cosa pueda colocar.
Alguna idea?

De todas formas Buscare algun metodo para dejar una sola imagen. Bueno si es posible .
LA barra de la persiana sera modificada para que quede pegada con el fondo, ademas se eliminaran sombras. A lo mejor busq otra.

POr otro lado? alguna idea para el menu?
Tengo pensado hacer una especie de escritorio, pero no se.
Q se les ocurre?

TOTI si lees esto te agradezco alguna ayuda y recomendacion


Saludos

[TOTI]

Como te comentaba en el MP tenemos transmisión de pensamientos. Estaba reuniendo todos los iconos y te los mando en un privi porque tuve que subirlos a megaupload pues pesan mucho y por aquí no me lo permite. De todas las formas te pongo la captura de la pantalla principal del tema para el Touchflo y el del Shell de mis skins, que yo creo que las pizarras quedan mejor como en estos skins.
Lo que no se es cómo podrás incluir por ejemplo los dígitos del reloj, etc.. porque de Android no se nada, pero si cuentas con la ayuda de Jamilu, tendrás un apoyo incalculable, es un artista.
La carpeta de los psd contiene muchos iconos que deberás de editar con el Photoshop, pero usando capas, podrás recuperar el icono que necesites.
Espero que con todo esto puedas ir avanzando en el tema, de todas las formas ya sabes que para lo que necesites estoy por aquí.
Un abrazo compi y muy buen trabajo

[Alexbarrt]

 Cita: Originalmente Escrito por TOTI

Como te comentaba en el MP tenemos transmisión de pensamientos. Estaba reuniendo todos los iconos y te los mando en un privi porque tuve que subirlos a megaupload pues pesan mucho y por aquí no me lo permite. De todas las formas te pongo la captura de la pantalla principal del tema para el Touchflo y el del Shell de mis skins, que yo creo que las pizarras quedan mejor como en estos skins.
Lo que no se es cómo podrás incluir por ejemplo los dígitos del reloj, etc.. porque de Android no se nada, pero si cuentas con la ayuda de Jamilu, tendrás un apoyo incalculable, es un artista.
La carpeta de los psd contiene muchos iconos que deberás de editar con el Photoshop, pero usando capas, podrás recuperar el icono que necesites.
Espero que con todo esto puedas ir avanzando en el tema, de todas las formas ya sabes que para lo que necesites estoy por aquí.
Un abrazo compi y muy buen trabajo

MUchas gracias ToTi !!
POr lo de los iconos, no te preocupes ya buscaremos la forma de adaptarlos.

Y claro que con tus imagenes quedaria genial.
Por algo eres la autora de este GRan Tema.

Bueno, ahora no se si irme a dormir
Quiero empezar a revisar y ver que puedo adelantar
Parezco niño chiquito con juguete nuevo .

Muchas gracias por Todo, ya te estaremos informando.

SAludos

[sergy330]

Pedazo tuto te has marcao Álex!!

Dijiste que harías uno y vayas si lo has hecho ^.^

ChinchetazoOoOo!!

[Alexbarrt]

GRacias Sergy .

Espero que ayude un poco!

[Alexbarrt]

Lo dicho no me fui a dormir .

Y realmente quedan muy bien tus imagenes ToTi .

MOdificado tambien la barra de dezplazamiento. pero aun no me convence .

Proximo a modificar el menu.

SAludos y gracias nuevamente ToTi