[TUTORIAL] [Tutorial][JB]Descompilar y Compilar apk

[Nitemare]

Intentando compilar archivos de JB 4.1.1 (SystemUI.apk, Settings.apk) en Windows, con la última versión de apktool, me da este error en res/values/styles.xml:

Error: No resource found that matches the given name: attr 'android:fontFamily'.

He comparado el XML con el de la versión 4.0.4 que tenía, y la etiqueta 'android:fontFamily' no aparece en 4.0.4 (y compila bien, claro)...

La línea completa en el XML es:

<item name="android:fontFamily">sans-serif-light</item>

así que parece que es una etiqueta nueva de 4.1.x y apktool no entiende... ¿alguna solución que no sea eliminar la etiqueta del XML?

[MarGomCito]

Cómo solucionaste amigo este error

[Nitemare]

Todavía no lo he solucionado, tengo pendiente probar otra herramienta, pero no he tenido tiempo

[MarGomCito]

 Cita: Originalmente Escrito por rudechild

haber si me podeis ayudar ,descompilo systemui.apk y todo bien,pero le doy compilar ,sin modificar nada ,y me sale esto


Archivo Adjunto 272576

habro el build y solo hay un archivo classes.dex saludos.

Cómo lograste compilar sin error!??????

[duniel]

Muy buen post, muy buen tuto! Me sirvió! Gracias

[echopolvo]

muy buen post gracias. Solo tengo un problema al intentar instalar el .apk desde el explorador de archivos me aparece que la aplicacion no ha sido instalada.
Sabeis algo de esto ? Gracias de nuevo

[stereourbina]

Gracias

[stereourbina]

Hola, muchas gracias por el Tuto. Pero quisiera saber que tengo que hacer para cambiar el color del menú de configuraciones y barra de notificaciones al original negro de JB,

Puesto que el que trae mi Huawei G610 es blanco

Y no me gusta. Ayudenme por favor, saludos y gracias

[MarGomCito]

Pasate x aki el.tutorial.del.mismo compi

http://www.htcmania.com/showthread.php?t=557690

[stereourbina]

 Cita: Originalmente Escrito por MarGomCito

Pasate x aki el.tutorial.del.mismo compi

http://www.htcmania.com/showthread.php?t=557690

Gracias, mañana lo haré ;)

[Rayden1980]

Hola quería saber como modificar los pop up de android, quiero decir cuando te sale un pop up para aceptar o cancelar, quiero cambiarle el color del pop up y el color de la letra, sabéis como se hace?
el pop up del sistema se encuentra en el framework apk o en el systemui apk??

gracias de antemano

[Leodc_254]

 Cita: Originalmente Escrito por lMelkorl

Modificar SystemUI.apk

Cambiar el color del texto

(Click para mostrar/ocultar)

res/layout :

1. tw_status bar.xml

Color del texto de la batería.

<TextView android:textSize="12.0dip" android:textColor="#XXXXXXXXX"

Color del texto del reloj.

 <com.android.systemui.statusbar.policy.Clock android:textSize="@dimen/status_bar_clock_text_size" android:textColor="#XXXXXXXXX"

cambiar las XXXXXXXXX por el color elejido.

2. tw_status_bar_expanded_header.xml

Para el color del reloj de la barra de estado expandida

<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#XXXXXXXXX"

Para el color de la fecha.

"@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="#XXXXXXXXX"

res/values :

1. colors.xml

Para el color del texto de Notificaciones de la status bar extendida.

 <color name="notification_category_color">

Para el color del texto del botón Borrar de la status bar extendida.

<color name="tw_status_bar_clear_btn_text">

2. styles.xml

<style name="TextAppearance.StatusBar.Expanded.Clock" parent="@style/TextAppearance.StatusBar.Expanded">
        <item name="android:textSize">32.0dip</item>
        <item name="android:textStyle">normal</item>
        <item name="android:textColor">#ff33b5e5</item>
        <item name="android:fontFamily">sans-serif-light</item>

<style name="TextAppearance.StatusBar.Expanded.Date" parent="@style/TextAppearance.StatusBar.Expanded">
        <item name="android:textSize">12.0dip</item>
        <item name="android:textStyle">normal</item>
        <item name="android:textColor">#FF9CE4FE</item>
        <item name="android:textAllCaps">true</item>

<style name="TextAppearance.StatusBar.Expanded.Network" parent="@style/TextAppearance.StatusBar.Expanded">
        <item name="android:textSize">14.0dip</item>
        <item name="android:textStyle">normal</item>
        <item name="android:textColor">#ff33b5e5</item>

Puedes cambiar el tamaño del texto, color, estilo(normal, negrita) en ese xml.

Como hacer el incremento de la batería cada 1%

(Click para mostrar/ocultar)

res/drawable

- editar el stat_sys_battery.xml y el stat_sys_battery_charge.xml para que quede así :
stat_sys_battery.xml

<?xml version="1.0" encoding="utf-8"?>
<level-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/stat_sys_battery_0" android:maxLevel="0" />
    <item android:drawable="@drawable/stat_sys_battery_1" android:maxLevel="1" />
    <item android:drawable="@drawable/stat_sys_battery_2" android:maxLevel="2" />
    <item android:drawable="@drawable/stat_sys_battery_3" android:maxLevel="3" />
    <item android:drawable="@drawable/stat_sys_battery_4" android:maxLevel="4" />
    <item android:drawable="@drawable/stat_sys_battery_5" android:maxLevel="5" />
.
. Hasta
.

    <item android:drawable="@drawable/stat_sys_battery_95" android:maxLevel="95" />
    <item android:drawable="@drawable/stat_sys_battery_96" android:maxLevel="96" />
    <item android:drawable="@drawable/stat_sys_battery_97" android:maxLevel="97" />
    <item android:drawable="@drawable/stat_sys_battery_98" android:maxLevel="98" />
    <item android:drawable="@drawable/stat_sys_battery_99" android:maxLevel="99" />
    <item android:drawable="@drawable/stat_sys_battery_100" android:maxLevel="100" />
</level-list>

stat_sys_battery_charge.xml

<?xml version="1.0" encoding="utf-8"?>
<level-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:maxLevel="0">
        <animation-list android:oneshot="false"
          xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:duration="1500" android:drawable="@drawable/stat_sys_battery_0" />
            <item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim0" />
        </animation-list>
    </item>
    <item android:maxLevel="1">
        <animation-list android:oneshot="false"
          xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:duration="1500" android:drawable="@drawable/stat_sys_battery_1" />
            <item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim1" />
        </animation-list>
    </item>
    <item android:maxLevel="2">
        <animation-list android:oneshot="false"
          xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:duration="1500" android:drawable="@drawable/stat_sys_battery_2" />
            <item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim2" />
        </animation-list>
.
.
. Hasta
.
.
<item android:maxLevel="100">
        <animation-list android:oneshot="false"
          xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:duration="1500" android:drawable="@drawable/stat_sys_battery_100" />
            <item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_anim100" />
        </animation-list>
    </item>
    <item android:maxLevel="101">
        <animation-list android:oneshot="false"
          xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:duration="1000" android:drawable="@drawable/stat_sys_battery_100" />
            <item android:duration="500" android:drawable="@drawable/stat_sys_battery_charge_animfull" />
        </animation-list>
    </item>
</level-list>

luego poner los iconos de la bateria en res/drawable-hdpi

Como Animar la carga de la batería *Nuevo*

(Click para mostrar/ocultar)

res/drawable

-Reemplazar el stat_sys_battery_charge.xml por este http://d-h.st/BqA / mirror: MEGA

Como Centrar el Reloj

(Click para mostrar/ocultar)

res/layout

tw_status_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.phone.PhoneStatusBarView android:orientation="vertical" android:id="@id/status_bar" android:background="@drawable/status_bar_background" android:focusable="true" android:fitsSystemWindows="true" android:descendantFocusability="afterDescendants"
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
    <ImageView android:id="@id/notification_lights_out" android:paddingLeft="6.0dip" android:paddingBottom="2.0dip" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" />
    <LinearLayout android:orientation="horizontal" android:id="@id/icons" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
        <LinearLayout android:orientation="horizontal" android:id="@id/left_icons" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
            <TextView android:textSize="15.0dip" android:gravity="center_vertical" android:id="@id/carrierLabel" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
            <ImageView android:id="@id/doNotDisturbIcon" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_dnd" android:alpha="0.7" android:scaleX="0.85" android:scaleY="0.85" />
            <com.android.systemui.statusbar.StatusBarIconView android:id="@id/moreIcon" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/stat_notify_more" />
            <com.android.systemui.statusbar.phone.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_alignParentLeft="true" />
        </LinearLayout>
        <LinearLayout android:gravity="center" android:orientation="horizontal" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="fill_parent">
            <com.android.systemui.statusbar.policy.Clock android:textSize="@dimen/status_bar_clock_text_size" android:textColor="#ff99FF00" android:gravity="center" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
        </LinearLayout>
        <LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/right_icons" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0" android:layout_alignParentRight="true">
            <LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/statusIcons" android:layout_width="wrap_content" android:layout_height="fill_parent" />
            <LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/signal_battery_cluster" android:paddingLeft="0.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
                <include android:id="@id/signal_cluster" android:layout_width="wrap_content" android:layout_height="wrap_content" layout="@layout/tw_signal_cluster_view" />
                <TextView android:textSize="9.0dip" android:textColor="#ff99FF00" android:layout_gravity="center" android:id="@id/battery_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/status_bar_network_name_separator" />
                <ImageView android:gravity="center" android:id="@id/battery" android:layout_width="wrap_content" android:layout_height="wrap_content" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
    <LinearLayout android:orientation="horizontal" android:id="@id/ticker" android:paddingLeft="6.0dip" android:animationCache="false" android:layout_width="fill_parent" android:layout_height="fill_parent">
        <ImageSwitcher android:id="@id/tickerIcon" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:layout_marginRight="4.0dip">
            <com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="centerInside" />
            <com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="centerInside" />
        </ImageSwitcher>
        <com.android.systemui.statusbar.phone.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
            <TextView android:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:id="@id/ticker_text_view_old" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
            <TextView android:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:id="@id/ticker_text_view_new" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
        </com.android.systemui.statusbar.phone.TickerView>
    </LinearLayout>
</com.android.systemui.statusbar.phone.PhoneStatusBarView>

Editar el xml para que quede así

Como reordenar los toogle:

(Click para mostrar/ocultar)

Antes

res/values
arrays.xml

<string-array name="QuickSettingButtonAttribute">
        <item>Wifi</item> 
<item><string-array name="QuickSettingButtonAttribute">
        <item>Wifi</item>   
    <item>Location</item>
        <item>SilentMode</item>
        <item>AutoRotate</item>
        <item>Bluetooth</item>
        <item>MobileData</item>
        <item>DormantMode</item>
        <item>PowerSaving</item>
        <item>AllShareCast</item>
        <item>MultiWindow</item>
    <item>Sync</item>
    </string-array>

simplemente cambia la posicion en que deseas que este cada cosa. por ejemplo cambiar el GPS a otro lado

<string-array name="QuickSettingButtonAttribute">
        <item>Wifi</item>        
        <item>SilentMode</item>
        <item>AutoRotate</item>
        <item>Bluetooth</item>
        <item>MobileData</item>
        <item>DormantMode</item>
        <item>PowerSaving</item>
        <item>AllShareCast</item>
        <item>MultiWindow</item>
    <item>Location</item>
        <item>Sync</item>
    </string-array>

Despues:

Como remover la barra de brillo

(Click para mostrar/ocultar)

res/layouts
tw_status_bar_expanded.xml

buscar :

<LinearLayout android:orientation="vertical" android:id="@id/brightness_controller" android:background="#00000000" android:layout_width="fill_parent" android:layout_height="56.0dip">

reemplazar

android:layout_height="56.0dip"

por

android:layout_height="0.0dip"

Como usar nuestro propio fondo en la status bar

(Click para mostrar/ocultar)

res/drawable-hdpi
esta es la manera fácil.
reemplazar el notification_panel_bg.9.png con cualquier imagen con una resolución de 480x800


pero antes de hacerlo no olviden hacer todos los botones transparentes.

Hacer los botones y notificaciones transparentes

(Click para mostrar/ocultar)

res/layouts
tw_status_bar_expanded.xml

buscar :

android:background="#XXXXXXXXX"

en el xml cambiar "#XXXXXXXXX" por "#00000000".

luego ir a SystemUI\smali\com\android\systemui\statusbar\phon e

PhoneStatusBar.smali

- buscar -0x100 (abrá solo dos en este smali)
- cambiar ambos a 0x0 (0=cero)
- guardar
(esto hará las notificaciones transparente).

Como hacer el fondo transparente

(Click para mostrar/ocultar)

res/layout
tw_status_bar_expanded.xml

buscar:

android:id="@id/notification_panel" android:background="@drawable/notification_panel_bg"

cambiar "@drawable/notification_panel_bg" a "#00000000" o el rango de transparencia que se prefiera.

Como remover el texto y el toggles status

(Click para mostrar/ocultar)

res/layout
tw_quick_setting_button.xml

buscar:

<ImageView android:layout_gravity="center" android:id="@id/btn_image" android:layout_width="fill_parent" android:layout_height="60.0dip" android:layout_marginTop="4.0dip" />

1. cambiar el android:layout_height="60.0dip" a android:layout_height="90.0dip".
2. cambiar el android:layout_marginTop="4.0dip" a android:layout_marginTop="0.0dip"

luego en el mismo xml.
buscar:

<TextView android:textSize="@dimen/quick_setting_button_text_size"

en la misma linea veras android:textColor="blablabla", cambialo a android:textColor="#00000000".
y android:layout_height="blabla.bladip" a android:layout_height="0.0dip"

también en el mismo xml.
buscar:

<ImageView android:layout_gravity="center" android:id="@id/btn_status_image"

cambiar todo el relleno a esto:

<ImageView android:layout_gravity="center" android:id="@id/btn_status_image" android:paddingLeft="0.0dip" android:paddingTop="0.0dip" android:paddingRight="0.0dip" android:paddingBottom="0.0dip" android:layout_width="fill_parent" android:layout_height="0.0dip" android:scaleType="fitXY" android:drawable="@drawable/tw_quick_panel_off" />

todos estos pasos aumentaran el tamaño de los toggle, removeran el texto y los status de los toggles.

Luego ir a :

res/values
dimens.xml

buscar:

<dimen name="quick_setting_button_

habran 7 lineas en este xml.
cambiarlos a esto:

<dimen name="quick_setting_button_height">90.0dip</dimen>
    <dimen name="quick_setting_button_image_height">90.0dip</dimen>
    <dimen name="quick_setting_button_text_height">0.0dip</dimen>
    <dimen name="quick_setting_button_text_size">0.0dip</dimen>
    <dimen name="quick_setting_button_status_height">0.0dip</dimen>
    <dimen name="quick_setting_button_status_padding">2.0dip</dimen>
    <dimen name="quick_setting_button_margin_top">0.0dip</dimen>

proximo paso:
- crear tu propio toggle con una resolucion de 80x100 ó 90x110 ó 90x150.

pasos finales:

res/layout
tw_status_bar_expanded.xml

buscar:

<com.android.systemui.statusbar.policy.quicksetting.QuickSettingPanel android:orientation="horizontal" android:id="@id/quicksetting_container" android:layout_width="wrap_content" android:layout_height="wrap_content"

- en esa linea veras android:divider="@bla/blablabla" cambialo a android:divider="#00000000".
(eso removera la división de los toggles)

en el mismo xml, buscar:

 <HorizontalScrollView android:id="@id/quicksetting_scroller" android:scrollbars="none" android:layout_width="wrap_content"

cambiar android:layout_height= a android:layout_height="90.0dip".

listo, se vera asi

Tabla de Colores *Nuevo*

(Click para mostrar/ocultar)

Al modificar los colores nos encontramos que tienen este formato FFxxxxxx.
las FF corresponden a la transparencia

FF ->Sin Transparencias
00 -> 100% transparente
3F -> 75% transparente
7F -> 50% transparente
BF -> 25% transparente

y los 6 siguientes números y letras corresponden a colores hexadecimales



hay una pagina con la la lista completa para elegir Color Codes Chart

9-Patch *Nuevo*

(Click para mostrar/ocultar)

Seguramente todos hemos visto este tipo de archivos .9.png y más de alguno se preguntara para que sirve o para que son las lineas de los costados. Acá daré solo una leve idea y les dejare unos link donde se abordan en mas profundidad.

la particularidad de estas imágenes es que son escalables por lo que pueden crecer en medida que se necesiten.



-las barra de la izquierda y la superior nos dirá lo que se puede expandir de la imagen.
-las barra de la derecha y la inferior nos indicara el relleno que tendra la imagen

Puede sonar complicado pero es mas claro con un par de ejemplos:



como vemos en la primera imagen las lineas de relleno van a lo largo de la imagen y las lineas escalables solo tocan en punto morado.
En cambio la segunda imagen la linea de relleno inferior solo tiene esta al centro por lo que solo rellenará ese trozo.

Un ejemplo de uso correcto e incorrecto.




Links:
-HTCMANIA Guía muy completa de criskelo
-Diapositivas . Presentación en PP de donde saque algunas imágenes, gracias a explodingboy70
-Si lo que deseas es modificar alguna ya creada, te recomiendo que leas la parte 12. HINT HOW TO EDIT IMAGE WITHOUT GETTING ERROR! de este link . Gracias a joehanh88

traducido de http://forum.xda-developers.com/show....php?t=2203166, Todos los créditos a joehanh88 por crearlo y recopilar la info

Amigo, primero t felicito por el post xq esta genial y me sirvio mucho, y ahora t hago una pregunta. Como puedo hacer los toggles transparentes? Ya modifique todo lo demas pero me gustria q toda la cortina quedara transparente, y no logro hacerlo con los toggles!

[flamenkito34]

yo tengo una pregunta cuando decompilo mi systemui.apk me descomprime todo menos resources.arcs que para compilar lo e de poner de la apk original si no no me compila quiero cambiar el color del reloj y la fecha y ponerla transparente que hago mal un saludo gracias

[steben_09]

Tengo una duda..tengo ke pegar los dos framework ala raiz del celular tambn

[ice.modding]

me tira un error cuando quiero compilar el SystemUI, que puede ser?

[scrom]

disculpen una pregunta eh sacado un systemui de un rom version 4.3 y se la eh puesto a otra rom version 4.3 la fusion kat pero se desaparece la barra de notificaciones alguien sabe por que?

[manudel]

Hola lMelkorl , ¿ puedes decirme como hacer eso con los temas de cm 11 de ahora que tienen el archivo assets ?.
lo he intentado con el apktool y apkmanager y ninguno de ellos me funciona, gracias.

Yo Tengo Stock Y ME FALTA El twframework-res.apk
que puedo hacer,¿sigo igual?

[yovesmlmt]

Buen tuto

[joseturizo]

hola chicos quien me hace el favor de pasarme el SystemUI.apk stock sin ningun cambio les agradeceria gracias