PDA

Ver la Versión Completa : [TUTORIAL] Tutorial crear icons pack para holo launcher, xperia s launcher, launcher pro, etc etc.


cova86
21/03/13, 20:42:51
TUTORIAL CREAR ICONS PACK PARA HOLO LAUNCHER, XPERIA S LAUNCHER, LAUNCHER PRO, ETC ETC.

Hola amigos, como prometi aquí esta el tutorial para crear icons pack para sus launcher dependiendo de su rom, cabe aclarar que solo cambiaran sus iconos y no el dock como los temas de go launcher. Es posible que también funcionen en el go launcher y en el adw launcher aunque como no los uso no sabría decirles.

HERRAMIENTAS
Recomiendo para no tener tantos problemas hacerlo sobre Windows, ya que en Linux es un poco mas laborioso instalar el apkmanager por ejemplo, aun asi dejare las instrucciones por si alguien quiere hacerlo en Linux.


Tener instalado Java(Windows) u OpenJDK(Linux)



Un editor de notas, en Windows de preferencia el notepad(descarga: http://notepad-plus-plus.org/download/v6.3.1.html ) y en Linux el gedit o el mousepad.



Apktool: descarga http://code.google.com/p/android-apktool/downloads/list (http://code.google.com/p/android-apktool/downloads/list)(descargar el primer enlace y el otro dependiendo de su sistema operativo y lo ponen todo en la misma carpeta)



Apkmanager: descarga http://apkmultitool.com/?q=node/5(En Linux se requiere la instalación de ADB)



Icon pack base, usare el Blue ICS de mi rom



Framework-res.apk de la rom (Descarga de estos dos mas las instrucciones de instalacion, el framework-res.apk es de mi rom ANGELINUX, sustituir por el de su rom, descomprimir: http://bit.ly/ZBBXXl )


INSTRUCCIONES
Adjunto un word de como instalar las herramientas asi que no me detendré en como instalarlos, verán que es mas tardado instalar las herramientas que hacer el pack.
1) Copiar en la carpeta de apktool el framework-res.apk de la rom y ejecutar el apktool
WINDOWS


Abrimos inicio>ejecutar y escribimos: CMD
Se nos abrira una terminal en msdos con la cual nos desplazaremos hasta donde esta instalado el programa, con “cd” entramos y con “cd..” nos regresamos.

LINUX


Click derecho, abrir carpeta en terminal

2) Ejecutamos:

apktool if framework-res.apk

Si todo sale bien deberia salirnos algo como:
I: Framework installed to: ........ apktool\framework\1.apk

3) Descompilamos:

apktool d Blueics.apk

4) Se creara una carpeta llamada Blueics, entramos y abrimos AndroidManifest.xml
En la línea 2 buscamos package="com.blueics.icons" y reemplazamos blueics por el nombre que queramos en el pack, es importante que este junto el nombre, ahora buscamos la línea 4 y buscamos android:icon="@drawable/icsicon"> y reemplazamos icsicon por el nombre que queramos.

5) Entramos a res\drawable-hdpi y colocamos el icono de la aplicación que queremos(debe ser en formato PNG y de 72x72 pixeles) y nos dirigimos a la siguiente pagina:

http://activities.droidicon.com/

y en el buscador ponemos la aplicación del icono, en este caso por ejemplo vignette, si nos salen varios resultados nos vamos por el primero y copiamos el tercer reglon que tiene el nombre con GUIONES BAJOS en este casouk_co_neilandtheresa_vignette_vignette y lo ponemos de nombre en el archivo de imagen.

6) Ahora vamos a res\values y abrimos el archivo arrays.xml y colocamos antes de la línea </string-array> lo siguiente:
<item> uk_co_neilandtheresa_vignette_vignette </item> , guardamos y cerramos.

7) En esta misma carpeta buscamos la imagen icsicon.png y lo reemplazamos con el icono que queramos que queramos que lleve el pack y lo nombramos como lo pusimos en el punto 2.

8) Abrimos el archivo public.xml y colocamos antes de la línea

<public type="string" name="app_name" id="0x7f030000" />

lo siguiente:

<public type="drawable" name=" uk_co_neilandtheresa_vignette_vignette " id="0x7f020015" />

Importante:respecto a esta “id=” al final de la oración, la forma de asignar la id la numeración tiene este orden: 0-9 y después las letras de a-f, es decir si el primer numero es id="0x7f020000" le seguirá id="0x7f020001", id="0x7f020002",………, id="0x7f020009" y después del “9” seguirá la “a”, es decir id="0x7f02000a", id="0x7f02000b", ……., id="0x7f02000f", después de este seguiría la siguiente cifra, es decir id="0x7f020010".

9) En la línea <public type="drawable" name="icsicon" id="0x7f020013" /> reemplazamos “icsicon” por el nombre del pack que asignamos en la imagen en el punto 2.

10) Abrimos strings.xml buscamos <string name="app_name">Blue ICS</string> y reemplazamos Blue ICS por el nombre que queramos que lleve el icon pack.

11) Por ultimo vamos a smali\com\aac\icons y abrimos con el block de notas el archivo R$drawable.smali y buscamos la línea

“.field public static final icsicon:I = 0x7f020013”

reemplazamos icsicon por el nombre del icono del punto 2 y después de esta línea ponemos:

“.field public static final uk_co_neilandtheresa_vignette_vignette:I = 0x7f020015”, con los valores que asignamos tanto como nombre de imagen como de la “id”, guardamos cambios y cerramos.

12) Ahora compilamos la aplicación:

apktool b Blueics (ojo sin la .apk)

13) Listo, si hicimos todo bien debería compilarnos sin problema, si sale un error en consola revisen bien los pasos por si se les fue algo. Una vez compilado, abrimos la carpeta de la aplicación y ahi veremos que se han creado dos carpetas nuevas, una con el nombre build y otra con el nombre dist. En la carpeta Build, estan los archivos de la aplicacion pero ya compilados, mientras que en la carpeta Dist, ya esta creado el .apk.

14) Por ultimo hay que firmar el apk creado, para eso se usara el apkmanager, vamos a la carpeta donde esta el apkmanager y la colocamos en la carpeta place-apk-here-for-signing, y ejecutamos el apkmanager:

WINDOWS


Doble Click en script.bat

LINUX
Click derecho y abrir en terminal, ejecutamos los comandos:


chmod 755 Script.sh
/Script.sh

15) En Apkmanager buscamos la opción que dice “Sign an apk(Batch support)(inside place-apk-here-for-signing folder only) y tecleamos la opción que nos marca para llamarlo y listo, nos mostrata que esta firmando y después de que termine ya tendremos la apk firmada en la misma carpeta en el que la colocamos.

16) Listo….


A lo mejor es algo extensa la guía, pero verán que no es tan complicado como parece, lo difícil es la primera vez, después será fácil. Como ya dije recomiendo hacer esto en Windows ya que en Linux es un poco mas tardado instalar las herramientas, pero adjunto en el tutorial como instalarlo en Linux y no es tan difícil, se los dice un linuxero jajaja.
Bueno este es el fin del post, cualquier duda comenten en el post ok, saludos….

jgarabito
24/03/13, 09:47:36
ey muchas gracias cova! le echare un vistazo y empezare a hacer algo!
Gran tutorial!
Saludos

LeoAniki
01/12/13, 16:56:58
Esto. Es justo lo que andaba buscando
Aunque parece algo lioso sera de probarlo nomas