Pulsa aquí para quitar la publicidad.

[TUTORIAL] Modifica el Entorno Gráfico de tu Android

Tema en 'Cocina Android y Traducciones' iniciado por hammy, 7 Mar 2012.

  1. hammy

    hammy Simdualero de Diamante

    • Veteran@
    1.516
    155
    30 Ago 2011
    Sevilla
    TUTORIAL MODIFICAR ENTORNO GRÁFICO by HAMMY

    A petición de muchos foreros (ejem, @samarkanda) os dejo un minitutorial para modificar el entorno grafico de vuestro android.
    Regístrate para ver este contenido. Es gratis!
    - El entorno gráfico de nuestro android se encuentra en las aplicaciones (.apk) de nuestro sistema, cualquier aplicación contiene parte del entorno gráfico, ya sea para su propia interfaz, o para interactuar con las demás.
    - Un archivo .apk se puede (se debe) abrir con un compresor de archivos (yo uso winrar, pero podéis usar cualquiera). Es más podéis poner el compresor como la aplicación que abra por defecto un .apk cuando hagáis doble clic.
    - Dentro de un .apk nos interesan las rutas /res/drawable…
    - Sobre todo cada uno debe centrarse en la carpeta correspondiente a su resolución:​
    o drawable-ldpi – 240x320
    o drawable-mdpi – 320x480
    o drawable-hdpi – 480x800​
    aunque también podemos encontrar archivos de entorno gráfico en drawable a secas.
    - Los archivos que tenemos que intercambiar son archivos .png que son archivos de imagen. Algunos están indexados sobre todo los correspondientes a botones, que no aparentan tener la forma real del botón en cuestión, pero se agrandan y ajustan al texto y la ventana, pero en principio no debería preocuparnos esto.​
    Regístrate para ver este contenido. Es gratis!

    Una vez hemos asimilado todos estos conceptos, nos proponemos a modificar una ROM. Primero ordenamos nuestra cabeza y nos centramos en qué queremos, ¿imitar una versión de android? ¿poner todo el entorno de acuerdo con un color principal? ¿imitar el entorno de una marca concreta?

    Cuando lo tenemos claro buscamos en internet una ROM de la misma versión de android que la que queremos modificar (froyo, gingerbread, honey comb, ice cream sándwich) y descargamos las que creamos conveniente. Da igual para el terminal que sean, HTC, Samsung, Sony Ericsson, Motorola, LG
    Regístrate para ver este contenido. Es gratis!

    Ahora nos creamos un árbol de carpetas en un directorio para trabajar ordenadamente. Dentro de este directorio, recomiendo crear 3 carpetas: original, modificada, modelos. En cada una de estas carpetas creamos las siguientes carpetas: framework, systemui, settings.

    En original y modificada metemos la ROM que queremos modificar, y descomprimimos a las carpetas correspondientes:
    /system/framework/framework-res.apk a framework;
    /system/app/systemUI.apk a systemui;
    /system/app/settings.apk a settings.

    En modelos descomprimimos los mismos archivos en las mismas carpetas, de las ROMs que vamos a tomar como modelo. Podemos crear una carpeta por cada ROM si hemos cogido más de una.

    Descomprimimos las carpetas /res/drawable y /res/drawable-(resolución de cada uno) de cada .apk en las carpetas correspondientes.
    Regístrate para ver este contenido. Es gratis!

    Abrimos en diferentes exploradores las carpetas original, modificada y modelos. La carpeta original no la vamos a tocar, pero la vamos a tener de referencia para ver qué hemos cambiado y cómo era al principio. Abrimos las carpetas drawable-(resolución) de las carpetas framework primero. Recomiendo poner la vista de iconos grandes, para visualizar rápidamente que es cada imagen, aunque muchas veces no sabremos qué estamos tocando hasta que hayamos modificado muchas ROMs. Aún así los nombres son intuitivos. Bien pues copiamos los .png de la carpeta modelo que coincidan con los de nuestra ROM y los pegamos en nuestra carpeta modificada sustituyendo los originales. Habrá muchos archivos que estén en los modelos y no estén en nuestra ROM o viceversa. Los que no estén en nuestra ROM no los metemos, y para los que no tenemos modelos allá cada uno con su ingenio si quiere modificarlos con photoshop o dejarlos como los originales.

    Pasamos ahora a la carpeta drawable de framework, donde yo casi siempre sólo modifico el wallpaper por defecto.

    Repetimos este proceso para las systemUI.apk y settings.apk.

    También podemos coger otras .apk, como contacts, mms, phone… y cambiar sus iconos, para que el launcher nos muestre otros que hemos escogido. El proceso es análogo a como se hace con las 3 .apk anteriores, ya cada uno verá lo perfeccionista que es.

    Una vez creemos que hemos terminado, abrimos las .apk con el compresor y modificamos las carpetas que hemos cambiado. Comprobar que después del cambio hay el mismo número de archivos que había antes en todas las carpetas. Ahora cambiamos las .apk modificadas por las originales en la ROM.
    Regístrate para ver este contenido. Es gratis!

    Ya sólo nos queda flashear y ver si todo está como pensábamos, si algo no nos gusta, si algo hemos hecho mal, o si pensamos que algo se puede mejorar. Podemos coger algo de ésta ROM, algo de ésta otra…

    Y voilá!! Esto es todo. Creedme que es más difícil explicarlo que hacerlo. Lo que aquí describo es una serie de pasos para facilitaros el trabajo y que todo lo hagáis lo más ordenado posible, pero claro que se puede hacer sin tantas carpetas, lo que pasa que de tantas drawable-… uno se acaba volviendo loco.
    Regístrate para ver este contenido. Es gratis!

    También he de decir que para ciertas cosas utilizo la cocina: http://uot.dakra.lt/kitchen/ que @samarkanda descubrió hace unos meses, como puede ser los iconos de batería, el color de las barras del volumen…

    Espero que con esto aprendáis, y me echéis una manita de vez en cuando con el entorno gráfico de las ROMs que como podréis comprobar ahora, es una tarea no complicada, pero si muy laboriosa. Saludos!:up:
     
    Última edición por un moderador: 30 Dic 2013
    • Gracias Gracias x 1
    • samarkanda

      samarkanda Simdualero de Diamante

        3.159
        154
        12 Oct 2011
        Ole ole. A la tarde te doy las gracias

        Enviado desde mi HD7+ usando Tapatalk
         
      • nokia5110

        nokia5110 Simdualero de Platino

          304
          7
          8 Feb 2011
          Gracias hammy por la aportación.
          Saludos
           
        • samarkanda

          samarkanda Simdualero de Diamante

            3.159
            154
            12 Oct 2011
            @hammyhammy Cuánto te ha costado contarlo!!!!! JA JA JA!!!!!

            Para otro día me lo empapo y practico flasheando un poco, que tengo el botón del power un poco oxidado últimamente.

            Un saludo
             
            Última edición por un moderador: 28 Sep 2013
          • rareipe

            rareipe Simdualero de Diamante

            • Miembro de Honor
            • Veteran@
            21.982
            6.861
            2 Jul 2011
            Cambre
            Última edición por un moderador: 28 Sep 2013
          • don tareco

            don tareco Simdualero de Oro

              220
              1
              26 Ene 2011
              Muy bueno, gracias compa.
               
            • Breakk

              Breakk Simdualero de Diamante

              • Cocinero Android
              • Veteran@
              11.943
              20.220
              31 May 2010
              @hammy,muy buen Tutoríal.
              Gracias?.
              Saludos

              Enviado desde mi ALCATEL_one_touch_918D usando Tapatalk
               
              Última edición por un moderador: 28 Sep 2013
            • jcestal

              jcestal Simdualero de Oro

                246
                22
                8 Nov 2011
                Castilla-León
                Buen tuto @hammy, lo primero, gracias por el esfuerzo, unas buenas nociones básicas para empezar a personalizar nuestro entorno gráfico.
                Unos apuntes:
                -Hay ocasiones en que el icono que queremos modificar puede estar presente en varias carpetas drawable con diferentes tamaños, utilizados todos por la .apk
                -A parte de los iconos normales e indexados, tb nos los podemos encontrar en escala de grises, todos se pueden modificar dependerá de nuestros conocimientos de Photoshop o análogos.
                -No lo he comprobado, porque siempre las he vuelto a firmar, pero creo que al modificar una .apk rompes la firma ¿No?, entonces en los recoverys que no tienen desactivada la comprobación de firmas la .apk tirarían error supongo.

                Saludos
                 
                Última edición por un moderador: 30 Dic 2013
              • hammy

                hammy Simdualero de Diamante

                • Veteran@
                1.516
                155
                30 Ago 2011
                Sevilla
                A tu primer apunte, si, nos podemos encontrar eso, pero por ejemplo los iconos de la carpetas drawable-lpdi y drawable-mdpi, si tu resolucion es la hdpi a ti no de afectan, y por tanto no tienes la obligacion de modificarlas, yo no lo hago.

                Al segundo, pues si podemos encontrar escala de grises, pero no es obligatorio que la mantengamos, podemos sustituir por un icono de color.

                Al tercero, yo NO firmo las apks. Si desactivas el control de firmas en recovery, no te mira las firmas de las apks por separado. Y si firmas toda la ROM, automaticamente debe firmar todas las apks, porque nunca me han dado errores.

                Saludos!
                 
                Última edición por un moderador: 30 Dic 2013
              • pauete

                pauete Simdualero de Diamante

                • Veteran@
                9.189
                1.287
                12 May 2010
                Ejemplo práctico: cambiar el icono de batería con la cocina UOT kitchen:

                Esto que explico es algo mucho más sencillo que lo ha explicado @hammy antes.
                Sirva como aperitivo para los más novatos (como yo).


                Me gusta que en la batería se vea el porcentaje de carga. Además, los iconos de batería q vienen de serie me parecen bastante cutres.


                Este lo he modificado con uot-kitchen:

                [​IMG]



                Pasos previos:

                - rootear el teléfono e instalar un recovery avanzado (CWM o Linerty)
                - instalar root Explorer: abrir y copiar a la SD estos archivos:
                system/app/SystemUI.apk
                system/framework/framework-res.apk
                - guardadlos, como archivos originales, en un lugar seguro.
                - hacéis una copia de los mismos en el escritorio del PC


                - Entráis en la web y clickáis la pestaña "Kitchen"

                [​IMG]


                - Aquí veréis muchas opciones, cosas que podemos cambiar de entre un amplio catálogo de diseños pre-determinados:

                [​IMG]

                En "File upload" cargamos los archivos que hemos sacado antes con root Explorer.



                - Vamos a la Batería en cuestión. "Battery". Marcamos la casilla "Use this mod" y si la barra de notif. es blanca o negra

                [​IMG]

                Veréis que las hay de muy bonitas y que podemos hacer un preview de como quedarán.



                - Con los Iconos y todo lo demás igual. Y siempre marcando el "Use this mode".

                [​IMG]



                - Con la barra de estado hemos de marcar bien qué resolución tiene nuestra pantalla para que se cocine correctamente:

                [​IMG]



                - Cuando hayamos modificado todo lo que queramos, nos vamos a "Summary":

                [​IMG]


                - Nos asigna nuestro "pedido" :smile:

                [​IMG]


                - Nos vamos a Pickup a esperar a que se cocine el nuestro:

                [​IMG]
                 
                Última edición por un moderador: 31 Mar 2015
              • hammy

                hammy Simdualero de Diamante

                • Veteran@
                1.516
                155
                30 Ago 2011
                Sevilla
                Muy util @pauetepauete, ya @samarkandasamarkanda nos hablo de UOT y desde entonces la utilizo para algunas cosas mas complejas que sustituir iconos. Por ejemplo para la batería y para cambiar el color de la barra de progreso en instalaciones, descargas, la barra de volumen...

                Saludos.
                 
                Última edición por un moderador: 28 Sep 2013
              • pauete

                pauete Simdualero de Diamante

                • Veteran@
                9.189
                1.287
                12 May 2010
                @hammyhammy, ya había hecho un hilo @samarkandasamarkanda?
                Lo colgaría en el resumen de tutoriales.
                 
                Última edición por un moderador: 28 Sep 2013
              Verificación:
              Borrador guardado Borrador eliminado

              Compartir esta página

              Galletas! Nos obligan a informar que utilizamos cookies (como casi todas las webs). Al continuar navegando aceptas su uso.