[Tutorial] Edición de temas para la ROM LewaOS Tattoo 2.0

[enriquettoo]

El objeto de este hilo es compartir experiencias sobre la edición de temas para la ROM LewaOS 2.0 instalada en la Tattoo, e intercambiar consejos y comentarios para evolucionar este post hasta que se convierta en un tutorial que nos permita editar nuestros propios temas para la ROM LEWA.

Aquí tenéis el hilo de la [ROM] LewaOS Tattoo 2.0 [LeWaCode] (android 2.3.7) del cocinero furious.

Los temas de Lewa son muy sencillos de manipular.
EL tema está empaquetado en un archivo con extensión "lwt". El archivo "lwt" es un archivo en formato zip, sin comprimir, al que se le ha cambiado la extensión "zip" por "lwt" (si tal cual).
En ocasiones se encuentra comprimido, pero, para simplificar y evitar problemas, nos manejaremos sin comprimir "siempre".

Dentro del archivo del tema se encuentra el siguiente contenido:
1. Archivos de componentes del tema:
- icons: con los iconos
- launcher: con la imagen de la barra inferior (la de los cuatro botones)
- boots: con la animación del arranque (bootanimation)
- fonts: con las tipologías o tipos de letra.
- lockscreen: con la configuración e imágenes del bloqueo de pantalla
Todos estos archivos vuelven a ser en formato zip sin comprimir.
Dependiendo del tema, hay uno, varios o todos.

2. Carpeta preview
Contiene las imágenes de vista previa de los componentes del tema. Estas imágenes se verán en la aplicación de selección de temas, y son importantes para que el usuario vea qué contiene el tema y qué apariencia tiene.
El formato de las imágenes es "jpg" (a veces también en versión "png") y los nombres de archivos son "preview_#####_0.jpg" donde ##### es el componente en cuestión (icons, launcher, lockscreen, bootanimation, ...) por ejemplo: "preview_icons_0.jpg"
Se pueden incluir varias imágenes para cada componente, numerándolas secuencialmente: preview_icons_0.jpg, preview_icons_1.jpg, ...
Adicionalmente contiene unas miniaturas de las fuentes. De nuevo una imagen en formato "png" 170x56, de nombre "thumbnail_fonts.jpg" con un ejemplo de las letras en pequeñito.

3. Carpeta wallpaper
Contiene las imágenes de fondos, tanto de escritorio como de pantalla de bloqueo.
Están en formato "jpg" y tienen estos nombres:
- lock_screen_walppaper.jpg
- wallpaper.jpg

4. Archivos "json"
Son archivos "theme.json" y "theme.json.zh_CN"
Los ponemos ambos pueden ser idénticos o el zh_CN con la versión escrita en chino (o me lo parece).
Son archivos editables como texto, y contienen el nombre del tema, del autor y la versión.
Importante, por algún motivo, aunque la Tattoo tiene pantalla QVGA, estos archivos mantienen la siguiente línea:
"screen":"HVGA"
He probado a cambiarla y no me deja instalar el tema ¿¿¿¿????

Descripción de los componentes del tema.

Iconos: el archivo "icons" es un zip sin compresión (acordaros siempre de no comprimir y quitar la extensión).
Contiene los iconos de las aplicaciones más usuales y del sistema.
Formato "png", 90x90, y de nombre similar a "com_android_browser.png" o "com.lewa.player.png"

Barra del launcher: el archivo "launcher" es un zip sin compresión.
Contiene un solo archivo de nombre "favorite_bg.png", con formato "png" y de 56 o 114 pixeles de altura. De ancho debe tener como mínimo los 240 de la pantalla del Tattoo.

Animación del arranque: archivo "boots" es un zip sin compresión (de ja vú)
Contiene un tradicional "bootanimation.zip" de CM7, tal cual.

Tipologías (fuentes): contiene las tipologías que queremos para el tema.
Contiene dos archivos, "DroidSans.ttf" y "DroidSans-Bold.ttf". El truco consiste en meter en esta carpeta las fuentes que queramos (en versiones normal y bold) y cambiarlas el nombre a "DroidSans".
Nota importante para los usuarios de vocales acentuadas y eñes: antes de usar una fuente, aseguraos que tiene vocales acentuadas y eñes, sino la palabra "piñón" aparecerá como "pi n".
En sitios web como "http://www.dafont.com/es/" tienen muchas tipologías para descargar gratis (recuerdo comprobar los acentos y Ñ).
Ocasionalmente puede estar el archivo "Clockopia.ttf" con las fuentes para el reloj del sistema.

Lockscreen: el archivo "lockscreen" es un zip sin compresión.
Contiene una carpeta llamada "face", la cual contiene (importante mantener sin compresión) las imágenes de la pantalla de bloqueo (con fondos, botones, efectos, etc.) en formato "png", y el archivo "main.xml" con la configuración de la pantalla de bloqueo.
Este archivo "main.xml" es editable en un editor de texto. Se recomienda un Notepad++ o similar, ya que facilita la compresión del xml (tabulaciones, etiquetas, comentarios, etc.)

Notas en general:
1.- Muchas veces se encuentra un directorio vacío, aparentemente sin nombre, o con el nombre del directorio padre (por ejemplo, en el archivo "boots" está el directorio "boots" vacio, o el directorio "" también vacio). Este directorio se puede ignorar, y eliminar de la versión que hagáis, sin problemas aparentes (no sé si será cosa de chinos).
2.- Hablamos de formato zip sin comprimir. Por tanto, no añadáis archivos directamente en la herramienta de compresión (WinZip, WinRar, 7zip, ...) ya que por defecto pueden comprimir y fastidiar el tema).
Las buenas prácticas dicen que descomprimáis la carpeta en cuestión en disco, modifiquéis, y volváis a meter en un zip sin compresión.
3.- Acoraros de eliminar archivos espurios del sistema, tipo "Thumbs.db". No estorban, pero el tema queda más limpio y fácil de gestionar.

Método de trabajo.
1.- Descomprimir el archivo "lwt" en disco, en una carpeta a tu elección.
2.- Crear otra carpeta diferente y descomprimir los archivos de los componentes que se quiera modificar (boots, icons, lockscreen, fonts, launcher), cada uno en una subcarpeta con su nombre.
3.- Modificar los componentes al gusto.
4.- Empaquetar el contenido de cada carpeta de componente en un archivo zip sin comprimir. Nota: eliminar archivos tipo "Thumbs.tb".
5.- Borrar el componente original y sustituirlo por el zip creado renombrándolo con el nombre del componente modificado (boots, icons, lockscreen, fonts, launcher), y quitando la extensión.
6.- Una vez modificados los componentes que se quiera, empaquetar todo en un archivo zip sin compresión. Tener cuidado de empaquetar solo los archivos adecuados.
7.- Renombrar el archivo zip para que tenga el nombre del tema y extensión "lwt".
8.- Copiar a la tarjeta SD, carpeta raíz, no en otro sitio.
9.- Importar desde la aplicación de Temas Lewa y aplicar si place.
Nota: de un tema se puede aplicar los componentes por separado, y seleccionar qué componente queremos instalar (boots, icons, lockscreen, fonts, launcher). Es decir, no es necesario instalar el tema por completo.

Lo dicho. Seguiremos ampliando información.
Próximo capítulo: Edición de Lockscreen.
Buen provecho.

[enriquettoo]

Trabajo en curso.

[enriquettoo]

(Reservado para ampliaciones.)

[saturoz]

Está muy bueno el tutorial, en mi tiempo libre me pondré a probar gracias!

[werty100]

Lo voy a probar en mi selina con la misma resolucion, e echo que el port funcione todo y ahora a atacar a los temas el problema son los iconos paginas buenas no se yo donde hay.

[enriquettoo]

En la aplicación "Temas" puedes mirar temas on-line, y descargártelos. Luego puedes aplicar solo los iconos, o sacarlos del tema (*.lwt) y luego ponerlos por tu cuenta.
Aquí tienes unos cuantos, aunque algunos links no funcionan.
Ten cuidado sobretodo de no aplicar los lockscreens sin redimensionarlos, porque te puede costar bastante desbloquear el teléfono, jejeje, por experiencia te lo digo.

[saturoz]

 Cita: Originalmente Escrito por enriquettoo

En la aplicación "Temas" puedes mirar temas on-line, y descargártelos. Luego puedes aplicar solo los iconos, o sacarlos del tema (*.lwt) y luego ponerlos por tu cuenta.
Aquí tienes unos cuantos, aunque algunos links no funcionan.
Ten cuidado sobretodo de no aplicar los lockscreens sin redimensionarlos, porque te puede costar bastante desbloquear el teléfono, jejeje, por experiencia te lo digo.

Yo tuve que hacer wipe una vez xq no podía desbloquear la pantalla u.u