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

cambiar ff a (00 -> 100% transparente, 3f -> 75% transparente, 7f -> 50% transparente, bf -> 25% transparente)
los otros valores (1e1e1e) es RBG para el color gris, si lo quieres negro sera (000000).
So:
#00000000 - negro con 100% transparente
#3F000000 - negro con 75% transparente
#7F000000 - negro con 50% transparente
#BF000000 - negro con 25% transparente

esto fue postedo en http://forum.xda-developers.com/show....php?t=2078585 por majdinj

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