[How-to][Do-It-Yourself] Theme/mod Status Bar

[oamilcar]

Decide to make this thread covering/theming/mod the entire status bar.

NOTE:
Before you make any changes to your Firmware ALWAYS,ALWAYS MAKE A BACKUP. I'M NOT RESPONSIBLE IF YOU BRICK YOUR DEVICE, flash and follow the instruccions @ your own risk. This MODs has been tested by ME.

Things you Need:
0- Deodex Rom.
1- Java Runtime Installed and working Properly
2- APK Multi-Tool Installed and working Properly for decompiling/recompiling .apk(s)
3- Notepad++ for xml and smali editings.
4- Your Hex Color.
5- Photoshop or Gimp for Png's editings
6- 7zip.
7- SystemUI.apk and framework-res.apk.
8- Flashable.zip for flashing your .apk(s) via Recovery

Ok! now the fun begins.

Instructions:

0- Download, install everything you need, copy your SystemUI.apk and framework-res.apk to your computer.

1- Decompile SystemUI.apk and framework-res.apk

2- Make your changes/editings

The below changes/editings will be located under SystemUI.apk

Status Bar Background color

Spoiler

Go to SystemUI.apk\res\values\ and open drawables.xml and change the hex color in the location marked on red with your hex color

<item type="drawable" name="status_bar_background">#3f000000</item>

Remove Am/Pm From The Clock

Spoiler

Go to SystemUI.apk\smali\com\android\systemui\statusbar\policy\ and open Clock.smali
Search for this line .method final updateClock()V and delete everything right underneath it.

Now add this directly underneath .method final updateClock()V .

Download this file and open it w/notepad++ to get the code. As this code is tooo long for me to post here

Move clock to center

Spoiler

Go to SystemUI.apk\res\layout\ and open tw_status_bar.xml

Download this file and open it w/notepad++ to get the codes and what to replace , as this code is tooo long for me to post here,

Status Bar Clock Color

Spoiler

Go to SystemUI.apk\res\layout\ and open tw_status_bar.xml and change the hex color in the location marked on red with your hex color

<com.android.systemui.statusbar.policy.Clock android:textSize="@dimen/status_bar_clock_text_size" android:textColor="#ff0093e0" android:ellipsize="none" android:gravity="left|center" android:id="@id/clock" androidaddingLeft="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" android:includeFontPadding="false" />

OR If you have a center clock

<com.android.systemui.statusbar.policy.Clock android:textSize="@dimen/status_bar_clock_text_size" android:textColor="#ff0093e0" android:gravity="center" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />

The below Png's will be located inside SystemUI.apk\res\drawable-hdpi Folder. Drag and drop your customize Png's w/their coresponding name ovewriting the original ones

Battery Png's
Use Uot kitchen To save time

No Signial Png

tw_stat_sys_signal_null

Signial Bars Png's

Spoiler

tw_stat_sys_6_level_signal_0
tw_stat_sys_6_level_signal_0_fully
tw_stat_sys_6_level_signal_1
tw_stat_sys_6_level_signal_1_fully
tw_stat_sys_6_level_signal_2
tw_stat_sys_6_level_signal_2_fully
tw_stat_sys_6_level_signal_3
tw_stat_sys_6_level_signal_3_fully
tw_stat_sys_6_level_signal_4
tw_stat_sys_6_level_signal_4_fully
tw_stat_sys_6_level_signal_5
tw_stat_sys_6_level_signal_5_fully
tw_stat_sys_6_level_signal_6
tw_stat_sys_6_level_signal_6_fully

3G Png's

Spoiler

stat_sys_data_connected_3g
stat_sys_data_fully_connected_3g
stat_sys_signal_out
stat_sys_signal_in
stat_sys_signal_inout
stat_sys_signal_no_inout

4g Png's

Spoiler

stat_sys_data_sanning_ani1_4g
stat_sys_data_sanning_ani2_4g
stat_sys_data_fully_connected_4g
stat_sys_data_upload_4g
stat_sys_data_download_4g
stat_sys_data_concurrent_4g
stat_sys_data_dormant_4g
stat_sys_data_disconnected_4g

WiFi Png's

Spoiler

stat_sys_wifi_signal_0
stat_sys_wifi_signal_1
stat_sys_wifi_signal_1_fully
stat_sys_wifi_signal_2
stat_sys_wifi_signal_2_fully
stat_sys_wifi_signal_3
stat_sys_wifi_signal_3_fully
stat_sys_wifi_signal_4
stat_sys_wifi_signal_4_fully

Aireplane Mode Png

stat_sys_signal_flightmode

Alarm on Png

stat_sys_alarm

Vibration On Png

stat_sys_ringer_vibrate

Silent on Png

stat_sys_ringer_silent

BlueTooth On Png's

Spoiler

stat_sys_data_bluetooth_connected
stat_sys_data_bluetooth

Gps On Png's

Spoiler

stat_sys_gps_on
stat_sys_gps_acquiring

Now we are going to target Framework-res.apk

The below Png's will be located inside framework-res.apk\res\drawable-hdpi folder. Drag and drop your customize Png's w/their coresponding name ovewriting the original ones

Sd Card Scanning and error Png's

Spoiler

stat_notify_sdcard
stat_notify_sdcard_prepare
stat_notify_sdcard_usb

Missed call notification Png

stat_notify_missed_call

Voicemail notification Png

stat_notify_voicemail

Usb Connected Png

stat_sys_data_usb

Wifi In Range Png

stat_notify_wifi_in_range

Call mute Notification

stat_notify_call_mute

Sync Notification and error Png

Spoiler

stat_notify_sync
stat_notify_sync_anim0
stat_notify_sync_error

Downloading Png's

Spoiler

stat_sys_download_anim0
stat_sys_download_anim1
stat_sys_download_anim2
stat_sys_download_anim3
stat_sys_download_anim4
stat_sys_download_anim5

Uploading Png's

Spoiler

stat_sys_upload_anim0
stat_sys_upload_anim1
stat_sys_upload_anim2
stat_sys_upload_anim3
stat_sys_upload_anim4
stat_sys_upload_anim5

3- Recompile SystemUI.apk and framework-res.apk

4- Move your apk(s) into a flashable.zip

5- Copy your .zip to the root of sdcard and flash via Recovery

That is all for today, happy theming/mod!

If i helped you in any way, don't forget to hit the thanks button.

 

[oamilcar]

Stay tune for many more how-to guides to come