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


No verás más estos anuncios al registrarte. Anímate, es gratis, rápido y sin spam!

[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.517
    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.
    Conceptos básicos (abrir)
    .
    - 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.​
    Búsqueda de modelos (abrir)
    .

    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
    Creando entorno de trabajo (abrir)
    .

    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.
    Trabajo fino (abrir)
    .

    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.
    Comprobación del resultado (abrir)
    .

    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.
    Comentario final (abrir)
    .

    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:
    Doogee Shoot 2 Aliexpress Ofertas
    Al registrarte dejarás de ver este anuncio. Anímate, es gratis, rápido y sin PUBLICIDAD!
     
    Última edición por un moderador: 30 Dic 2013
    • Gracias Gracias x 1
    • samarkanda

      samarkanda Simdualero de Diamante

      • Veteran@
      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

        • Veteran@
        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.944
          20.223
          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 Platino

            259
            25
            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.517
            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:

            img839.imageshack.us_img839_1694_201207010322.



            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"

            img28.imageshack.us_img28_9573_201207010334.


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

            img692.imageshack.us_img692_8028_27275700.

            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

            img441.imageshack.us_img441_8767_201205310133.

            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".

            img534.imageshack.us_img534_2788_201205310134.



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

            img805.imageshack.us_img805_4628_201205310136.



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

            img208.imageshack.us_img208_4047_201205310149.


            - Nos asigna nuestro "pedido" :smile:

            img703.imageshack.us_img703_3909_201205310152.


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

            img338.imageshack.us_img338_218_201205310156.
             
            Última edición por un moderador: 31 Mar 2015
          • hammy

            hammy Simdualero de Diamante

            • Veteran@
            1.517
            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