Personalizar el firmware - Interfaz gráfica (AMD_OEM)



En este artículo aprenderemos a personalizar la interfaz gráfica para que tenga el aspecto que queramos. A continuación puedes ver algunos de los cambios probados en mi móvil. Hay más cambios listados en el artículo que no se muestran en el video, todos testeados y comprobados por mi mismo.

Descargamos el AMD_OEM con el FlashTool_E2, lo abrimos con WinImage y lo extraemos igual que hicimos con CUST en el tutorial Primeros pasos, pero cambiando Address y Length por las correspondientes que vimos en el paso D)

Todos los archivos de extensión ".vui" los podemos abrir con el WinRar. Para sustituir cualquier archivo o imagen, siempre utilizaremos el mismo nombre que el original. Lo añadiremos al archivo ".vui" arrastrándolo al WinRar. Cuando tengamos todas las modificaciones añadiremos los archivos ".vui" a nuestro "AMD_OEM.bin" arastrándolos hasta el WinImage y guardando los cambios.

Cuando tengamos el ".bin" listo, lo subimos al móvil como hicimos con el CUST en el paso H).

Fondos para nuestro móvil: www.mobinations.com






1.- Cambiar las caras del cubo.


Para cambiar las caras del cubo que se ve cuando apretamos la tecla central, debemos sustituir las siguientes imágenes por otras de 240x400 en formato ".jpg".

En la ruta:

\AMD_OEM\VUI\Res\Idle\Common

s_idlehs.jpg (Contactos)
s_idlemm.jpg (Multimedia)
s_idlesc.jpg (Accesos directos)
s_idlewi.jpg (Widgets)


2.- Cambiar el fondo donde rota el cubo.


Necesitamos una imagen con resolución 480x800 en formato ".png", que sustituiremos en las cuatro siguientes localizaciones.

AMD_OEM\VUI\IdleContacts.vui\Common\Idle_cube_bg.png
AMD_OEM\VUI\IdleMultimedia.vui\Common\Idle_cube_bg.png
AMD_OEM\VUI\IdleShortcut.vui\Common\Idle_cube_bg.png
AMD_OEM\VUI\IdleWidget.vui\Common\Idle_cube_bg.png


3.- Cambiar el fondo del menú.


AMD_OEM\VUI\TopMenu.vui\res\common\bg.png (para el menú en vertical 480x800 ".png")
AMD_OEM\VUI\TopMenu.vui\res\common\H_bg.png (para el menú en horizontal 800x480 ".png")


4.- Cambiar los iconos del menú.


Los podemos encontrar en:

AMD_OEM\VUI\TopMenu.vui\res\common\Communication
AMD_OEM\VUI\TopMenu.vui\res\common\Multimedia
AMD_OEM\VUI\TopMenu.vui\res\common\Settings
AMD_OEM\VUI\TopMenu.vui\res\common\Utilities

Iconos normales en 3D

Iconos artísticos
Iconos neón
Iconos blanco y negro
Iconos archivo
Iconos BL40


5.- Cambiar los indicadores de la barra superior.


Se encuentran en:

AMD_OEM\VUI\Indicator.vui

AMD_OEM\VUI\Indicator.vui\10 (para los iconos de la batería)

Iconos batería barras

Iconos batería lisos
Iconos batería líquido


6.- Cambiar fuentes.


AMD_OEM\Font

Sustituiremos nuestras fuentes por las que hay en la carpeta, siempre manteniendo los nombres originales.


7.- Cambiar los botones de llamada, contactos, mensajes y menú de las caras de la interfaz S-Class.


Sustituir los archivos:

pl_call_normal.png
pl_contacts_normal.png
pl_message_normal.png
pl_menu_normal.png

De las siguientes localizaciones:

AMD_OEM\VUI\IdleContacts.vui\Common\ (Para el menú Contactos)
AMD_OEM\VUI\IdleMultimedia.vui\Common\ (Multimedia)
AMD_OEM\VUI\IdleWidget.vui\Common\ (Widget)
AMD_OEM\VUI\IdleShortcut.vui\Common\ (Accesos rápidos)


8.- Cambiar el color del fondo de los menús.


Descargamos el siguiente programa Cube Colors v1.1 by Serj. No tenemos más que elegir los colores que queramos para los escritorios de la interfaz. Se generarán 5 archivos dentro de la carpeta "AMD_OEM\VUI". Estos archivos son los que meteremos dentro del ".bin" con el WinImage.

Si queremos personalizar el fondo cuando el vemos el cubo en miniatura pulsando la tecla central, podemos insertarlo manualmente dentro de cada uno de estos archivos que se generaron como explicamos en el paso 2. Pero podemos hacerlo también de manera automática cambiando la imagen en la siguiente ruta dentro del programa. De esa forma cuando se generen los archivos con el color que elegimos tendrán el fondo listo también.

DATA\PNG\Common\Idle_cube_bg.png

Esto último se aplica para los iconos de los botones de contactos, llamada, mensajes y menú de la parte de abajo de los escritorios; y todas las demás imágenes que se encuentran en esta carpeta.


9.- Quitar el sombreado de la hora y fecha en la pantalla de bloqueo.


La encontraremos en: AMD_OEM\VUI\Res\KeyLock\timedate_Wallpaper.png

Sólo tenemos que hacer la imagen 100% tranparente.


10.- Modificar la barra "Presiona para desbloquear".


Nota: La funcionalidad de desplazar el dedo por la pantalla y que la flecha se mueva aún no se ha conseguido, parezca lo que parezca en los videos que veáis. Cambiaremos las imágenes, pero nadie ha programado nada nuevo para implementarlo. El teléfono se sigue desbloqueando como siempre.

Primero descargaremos estas dos imágenes:





Las modificaciones las haremos en: AMD_OEM\vui\Keylock.vui

La primera la llamaremos "gra.png". La segunda, la llamaremos "lock_button_back.png" Sustituiremos ambas por las antiguas imágenes.


Por último debemos utilizar un editor hexadecimal, WinHex por ejemplo. Abrimos el archivo SERIADATA.vui dentro del Keylock.vui con el editor hexadecimal. Vamos a Búsqueda -> Encontrar texto. En "Se buscará la siguiente cadena de texto" ponemos TXT y aceptamos. Donde encontremos "TXT_Unlock" (aunque tenga otros caracteres alrededor) cambiamos cualquier letra, por ejemplo TXT_xnlock". Yo lo encontré dos veces a lo largo del SERIADATA.vui



Ahora debereríamos tener un slide en lugar del antiguo botón.


11.- Cambiar el fondo que "sostiene" los iconos de llamada, contactos, etc. en la parte inferior de los escritorios.


La imagen en cuestión es "U42ID13_0_700_480_100.png". La encontraremos en:

AMD_OEM\VUI\IdleContacts.vui\Common\
AMD_OEM\VUI\IdleMultimedia.vui\Common\
AMD_OEM\VUI\IdleWidget.vui\Common\
AMD_OEM\VUI\IdleShortcut.vui\Common\

La cambiaremos para cada escritorio que queramos modificar. Además hay una imagen que hace un degradado a negro que se encuentra justo encima de esta imagen si os fijáis en vuestro móvil. Se llama "networkname_bg.png". Tenéis que modificarla si cambiais los pixels de alto a "U42ID13_0_700_480_100.png" porque si no se verá mal.

Por último cuando giramos uno de los escritorios de la interfaz 3D con el dedo, se ve en la parte inferior una imagen compuesta por las dos que acabamos de modificar. Esta imagen se encuentra en:

AMD_OEM\vui\dummy_idle.vui\power launcher_network info.png

Con el "U42ID13_0_700_480_100.png" y "networkname_bg.png" podemos componer una nueva imagen para sustituirla o bien podemos hacerla transparente y que no se vea nada en las transiciones.

Aquí tenéis una base con los iconos de LG BL40 que os puede servir de plantilla o podéis utilizar tal cual.


12.- Quitar el nombre del operador en los escritorios de la interfaz


Debemos utilizar un editor hexadecimal, por ejemplo WinHex. Abriremos con el editor el archivo SERIADATA.vui dentro de:

AMD_OEM\VUI\IdleContacts.vui\
AMD_OEM\VUI\IdleMultimedia.vui\
AMD_OEM\VUI\IdleWidget.vui\
AMD_OEM\VUI\IdleShortcut.vui\

A continuación en el WinHex presionamos sobre el icono de los prismáticos negros. En "Se buscara la siguiente cadena de texto" escribimos NET. Ahora en todos los "NETINFO" que encontremos cambiarémos una letra. Por ejemplo NETxNFO.
Seguiremos buscando presionando F3 hasta que los hayamos cambiado todos.

Recomiendo dejarlo almenos en uno de los escritorios. Por ejemplo Accesos rápidos tiene bastante espacio y es ideal para dejarlo en ese y asi ver el mensaje de Sólo llamadas de emergencia, o saber que estamos en la red correcta.


Nota final


Esto es sólo un ejemplo de todo lo que se puede cambiar. Iré poniendo nuevas modificaciones a medida que las vaya probando. Podéis cambiar cualquier otra parte que se os ocurra, solo tenéis que buscar los gráficos dentro de las carpetas y lo demás es cosa vuestra.