FORUMS
Remove All Ads from XDA

[TUTORIAL][SAMMY][JB] Theme Your Statusbar On Your Own

827 posts
Thanks Meter: 603
 
By music.soul, Senior Member on 31st May 2013, 09:37 PM
Post Reply Email Thread
CREDITS ARE NECESSARY
A GUIDE TO THEME STATUSBAR IN A REALLY GOOD WAY (FOR SAMSUNG PHONES)

NOTE I WONT PROVIDE ANY SCREENIES FOR EVERY LINE!! -IT WOULD BE A GOOD CHALLENGE TO THEMERS

FIRSTLY BEFORE ANYTHING REMEMBER THIS IS AN ARGB FORMATTING FOR HEX CODING OF COLOURS


I won’t show you HOW to do it I’ll just navigate WHAT files BELONG to WHAT
A Simple Example What I have themed



LET'S START

So List of Things you need

- SystemUI.apk (of your desired ROM)
- Framework-res.apk (of your desired ROM)
- Creativity (of your OWN MIND)
- APKTOOL (Apkmanager, ApkMulti-tool etc)
- Patience and Understanding


Copy your framework-res.apk and SystemUI.apk to your APKTOOL folder
Open cmd change directory (CD) to APKTOOL folder

Write this in cmd now
Code:
apktool if framework-res.apk
Decompile SystemUI.apk
Code:
apktool d SystemUI.apk
Navigate yourself to the Folder in APKTOOL folder … i.e. SystemUI

Go to /res/drawable-hdpi
We’ll start with editing the PULLDOWN BAR – NORMAL and PRESSED
This belongs to
Quote:

tw_status_bar_close_off (NORMAL)
and
tw_status_bar_close_on” (PRESSED)

Then if you have a dual-Sim phone (just like my Grand)
You may change the SIM Switcher Backgrounds
Quote:

“quick_panel_btn_default_normal.9.png”
and
“quick_panel_btn_default_press.9.png”

Now let’s come to Notification Expanded Background

There’s a notification_panel_bg.9.png IMG… just delete it and paste the image you want to put in background
Quote:

AS
notification_panel_bg.png (Height and width should be by your phone’s resolution)

Now moving on to the BRIGHTNESS SLIDER ICON & BACKGROUND
This is the icon name
Quote:

ic_sysbar_brightness.png


CONTINUED ON NEXT POST
The Following 10 Users Say Thank You to music.soul For This Useful Post: [ View ] Gift music.soul Ad-Free
31st May 2013, 09:37 PM |#2  
music.soul's Avatar
OP Senior Member
Flag Ahmedabad , Guj , In
Thanks Meter: 603
 
More
For Background Navigate to – /res/layout

Open this file with notepad++

Quote:

tw_status_bar_expanded.xml

(For dual phones)

Quote:

tw_status_bar_expanded_dual.xml

Find (ctrl+f)
Code:
android:id="@id/brightness_controller"
Now you have to options … you can use directly COLOR (#argb)
USE HEX COLOR CODE TO SIMPLY CHANGE the BACKGROUND COLOUR
Edit
Code:
android:background=”#FF1e1e1e”
to ANY HEX COLOR CODE YOU WANT

OR Redirect it to an image by changing the HEX COLOR code to
Code:
android:background="@drawable/brightness_slider"
and paste your brightness_slider background of 480x56px (varies on different resolution – divide 480 by 1.5 and 56 by 1.5 for MDPI)
To drawable-hdpi

NEXT IS HEADER of the NOTIFICATION BAR (Might be the most wanted Editing)

Navigate to res/layout
Quote:

tw_statusbar_expanded_header.xml

Probably the SECOND line of the XML would be for background (MAY VARY TO OTHER XMLS)

Change the
Code:
android:background="#ff000000"
to a color code of your choice or simply redirect it to an image
by changing the HEX code to
Code:
android:background="@drawable/notification_header_bg_exp"
and put your image file of 407x52 with the name
notification_header_bg_exp.png in drawable-hdpi

Now LETS move on to Some Small Changes

Navigate to res/Values
Open Colors.xml
Change HEX CODE for CLEAR BUTTON TEXT
Code:
<color name="tw_status_bar_clear_btn_text">#ff000000</color>
Open drawables.xml
Change the HEX CODE for HEADER OF STATUSBAR BACKGROUND
Code:
<item type="drawable" name="status_bar_background">#ffffffff</item>
Change the HEX CODE for NOTIFICATIONs BACKGROUND
Code:
<item type="drawable" name="tw_notification_background_null">#ffffffff</item>
<item type="drawable" name="tw_notification_background_pressed">#ff6b6b6b</item>
THAT'S ALL FOR SYSTEMUI.APK

Compile SystemUI.apk
Code:
 apktool b SystemUI
then

Copy the META-INF folder and AndroidManifest.xml from original to the new APK using WINRAR/7-zip


Lets go to framework ... CONT on NEXT POST
The Following 7 Users Say Thank You to music.soul For This Useful Post: [ View ] Gift music.soul Ad-Free
31st May 2013, 09:38 PM |#3  
music.soul's Avatar
OP Senior Member
Flag Ahmedabad , Guj , In
Thanks Meter: 603
 
More
Decompile framework-res.apk
Code:
apktool d framework-res.apk
Navigate to res/values/styles.xml

FIND
Code:
<style name="TextAppearance.StatusBar.EventContent" parent="@style/TextAppearance.StatusBar.EventContent">
Change the HEX code of <item name="android:textColor">#ffffffff</item> to your CHOICE Color

Probably the next line would be
Code:
<style name="TextAppearance.StatusBar.EventContent.Title" parent="@style/TextAppearance.StatusBar.EventContent.Title">
Change the HEX code of <item name="android:textColor">#ffffffff to your CHOICE Color

Okay so, let’s move on the Notification bar COMMON icons ( missed calls etc)

you would find some files related
Code:
stat_notify_*.png
change them for their respective icons

Recompile the framework-res.apk
Code:
apktool b framework-res
Copy the META-INF folder and AndroidManifest.xml from original to the new APK using WINRAR/7-zip
So That's It for now .... Thanks and Regards
The Following 8 Users Say Thank You to music.soul For This Useful Post: [ View ] Gift music.soul Ad-Free
31st May 2013, 10:06 PM |#4  
codekidX's Avatar
Senior Member
Flag Mumbai
Thanks Meter: 2,085
 
Donate to Me
More
Great guide bro, but should be in themes n apps section

Chotudevil says
The Following User Says Thank You to codekidX For This Useful Post: [ View ] Gift codekidX Ad-Free
31st May 2013, 10:10 PM |#5  
music.soul's Avatar
OP Senior Member
Flag Ahmedabad , Guj , In
Thanks Meter: 603
 
More
Quote:
Originally Posted by chotu222

Great guide bro, but should be in themes n apps section

Chotudevil says

Oops my mistake. .. let the MOD Move the Thread
5th June 2013, 03:19 AM |#6  
Resonance28295's Avatar
Senior Member
Flag Thane
Thanks Meter: 27
 
More
This is preety good concept
But I am confused with how should I start... I hav downloaded apkmultitool

Sent from my GT-I9082 using Tapatalk 2
5th June 2013, 12:36 PM |#7  
Senior Member
Flag Chennai
Thanks Meter: 452
 
More
awesome tutorial.
5th June 2013, 01:14 PM |#8  
music.soul's Avatar
OP Senior Member
Flag Ahmedabad , Guj , In
Thanks Meter: 603
 
More
Quote:
Originally Posted by Resonance28295

This is preety good concept
But I am confused with how should I start... I hav downloaded apkmultitool

Sent from my GT-I9082 using Tapatalk 2

Open multi tool ... install framework-res.apk
decompile system ui.apk
decompile framework-res.apk
start your work
7th June 2013, 05:04 AM |#9  
simplyanin's Avatar
Senior Member
Flag Kolkata
Thanks Meter: 819
 
More
very very good tutorial ...

Sent from my GT-I9082 using xda premium
15th June 2013, 06:38 AM |#10  
Junior Member
Flag Ahmednagar
Thanks Meter: 0
 
More
Can anyone make a sony xperia theme for galaxy grand (I mean original same as xperia z or sl) Thnx in advance!
Post Reply Subscribe to Thread

Tags
guide, pulldown, samsung, statusbar, theme

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes