[GUIDE][GB]Gradient_Statusbar[EXCLUSIVE]

Search This thread

kk9999gada

Senior Member
Gradient Status Bar
For Gingerbread Roms

Hello everyone, today I will show you how to get Kit Kat Gradient Status Bar on Gingerbread Roms. So, lets begin.

Requirements:
  1. Windows/Linux
  2. Apktool
  3. 7-zip.
  4. Notepad++ for Editing xml in Windows
  5. Gingerbread Rom (De-odexed) for SystemUI.apk
  6. Resources (See Attachment)
  7. Basic Compiling and Decompiling Knowledge.

Modding SystemUI.apk
  1. Decompile your SystemUI.apk
  2. Navigate to /SystemUI/res/layout/status_bar.xml
  3. Now find this line
    Code:
    <com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="#ff000000" android:focusable="true" android:descendantFocusability="afterDescendants"
      xmlns:android="http://schemas.android.com/apk/res/android">
  4. Now Change the Red marked line with this
    Code:
    android:background="@drawable/gradient"
  5. Now copy the attached gradient.png to /SystemUI/res/drawable-mdpi
  6. Recompile SystemUI.apk
  7. Now open the Original SystemUI.apk using 7-zip
  8. Now navigate to /SystemUI/build/apk and Drag the classes.dex to Original SystemUI.apk
  9. Now navigate to /SystemUI/build/apk/res/drawable-mdpi and Drag gradient.png to Original SystemUI.apk
  10. Push the Modded SystemUI.apk to /system/app
  11. Thats it. Enjoy Gradient Status Bar on your Gingerbread.

XDA PORTAL
Don't forget to Hit Thanks (y)
 

Attachments

  • Resources.zip
    409 bytes · Views: 3,722
  • SC20131217-204421.png
    SC20131217-204421.png
    27.7 KB · Views: 7,142
  • SC20131217-204425.png
    SC20131217-204425.png
    218.5 KB · Views: 8,303
  • WiFi_Network_Icons_For_MDPI.zip
    18.4 KB · Views: 2,333
Last edited:
E

EnricoD

Guest
thank you.. gonna add gradients to my. next gb rom.. :) I've more white if you want I can share ;)
 

MuSaddiq

Senior Member
Aug 24, 2013
652
946
Nice guide. :good:
Btw You can use xml method for the gradient statusbar, So that the users can change the opacity and color of their choice without any image editor. If you didn't understand you can take a look at gradient_bg.xml in SystemUI.zip from my guide.
 

sharingan

Senior Member
May 30, 2013
2,296
643
i will definitely gonna try it on my ace with gb
happy new year in advance :laugh::good:
 

kk9999gada

Senior Member
Nice guide. :good:
Btw You can use xml method for the gradient statusbar, So that the users can change the opacity and color of their choice without any image editor. If you didn't understand you can take a look at gradient_bg.xml in SystemUI.zip from my guide.

Yes, we can do that. But this one is much simple and the output will be same.

i will definitely gonna try it on my ace with gb
happy new year in advance :laugh::good:

Happy new year to you also.

thank you.. gonna add gradients to my. next gb rom.. :) I've more white if you want I can share ;)

Yes you can share after all XDA is a place for sharing.
 
Last edited:

MuSaddiq

Senior Member
Aug 24, 2013
652
946
Yes, we can do that. But this one is much simple and the output will be the same.

Ya, the output will be same and this method is simple also but if the user wants to change the color of the gradient

In image method: He should use any photo editor.

In xml method: He should just change the hex color code.

Just a suggestion that you can edit the op and create 2 methods for this, Method 1 is image method and Method 2 is xml method.

Sent from my GT-S5360
 
  • Like
Reactions: kk9999gada

kk9999gada

Senior Member
Ya, the output will be same and this method is simple also but if the user wants to change the color of the gradient

In image method: He should use any photo editor.

In xml method: He should just change the hex color code.

Just a suggestion that you can edit the op and create 2 methods for this, Method 1 is image method and Method 2 is xml method.

Sent from my GT-S5360

Ok. Thanks I will add second method also.
 

Erhany

Senior Member
Feb 9, 2012
455
1,028
com/erhany
erhany.weebly.com
Gradient Status Bar
For Gingerbread Roms

Hello everyone, today I will show you how to get Kit Kat Gradient Status Bar on Gingerbread Roms. So, lets begin.

Requirements:
  1. Windows/Linux
  2. Apktool
  3. 7-zip.
  4. Notepad++ for Editing xml in Windows
  5. Gingerbread Rom for SystemUI.apk
  6. Resources (See Attachment)
  7. Basic Compiling and Decompiling Knowledge.

Modding SystemUI.apk
  1. Decompile your SystemUI.apk
  2. Navigate to /SystemUI/res/layout/status_bar.xml
  3. Now find this line
    Code:
    <com.android.systemui.statusbar.StatusBarView android:orientation="vertical" [COLOR="Red"]android:background="#ff000000" [/COLOR]android:focusable="true" android:descendantFocusability="afterDescendants"
      xmlns:android="http://schemas.android.com/apk/res/android">
  4. Now Change the Red marked line with this
    Code:
    [COLOR="RoyalBlue"]android:background="@drawable/gradient"[/COLOR]
  5. Now copy the attached gradient.png to /SystemUI/res/drawable-mdpi
  6. Recompile SystemUI.apk
  7. Now open the Original SystemUI.apk using 7-zip
  8. Now navigate to /SystemUI/build/apk and Drag the classes.dex to Original SystemUI.apk
  9. Now navigate to /SystemUI/build/apk/res/drawable-mdpi and Drag gradient.png to Original SystemUI.apk
  10. Push the Modded SystemUI.apk to /system/app
  11. Thats it. Enjoy Gradient Status Bar on your Gingerbread.

XDA PORTAL
Don't forget to Hit Thanks:good:

Hello, first thank you for this but I think this is not a full guide. I tried that but icons & words got blurred.. First do we need a transparency mod inside systemui smali files?
 

kk9999gada

Senior Member
Hello, first thank you for this but I think this is not a full guide. I tried that but icons & words got blurred.. First do we need a transparency mod inside systemui smali files?

There is no need to do modding with smali files for getting transparency. The icons are only for MDPI devices. I have resized the icons according to my device.

And please don't quote whole OP.
 
P

parthbhatia98

Guest
Helpp!!

Hey replaced my status bar background by ur png but i am not getting that kitkat look...
any idea to solve this??
I am on CM7 based rom on galaxy y...
NewExperienceSS-20140102_215531.png
 

Attachments

  • NewExperienceSS-20140102_215531.png
    NewExperienceSS-20140102_215531.png
    94 KB · Views: 284

MuSaddiq

Senior Member
Aug 24, 2013
652
946
Hey replaced my status bar background by ur png but i am not getting that kitkat look...
any idea to solve this??
I am on CM7 based rom on galaxy y...
NewExperienceSS-20140102_215531.png

Try these steps:

Decompile your launcher
open res/values/styles.xml
add this style

Code:
<style name="My.Theme" parent="@*android:style/Theme.Wallpaper.NoTitleBar">
        <item name="android:windowContentOverlay">@null</item>
    </style>

now open AndroidManifest.xml
find this line (this line may be different in your rom)

Code:
<application android:label="@string/application_name" android:icon="@drawable/ic_launcher_home" android:name="LauncherApplication">

add this code in that line

Code:
android:theme="@style/My.Theme"

Now that line will look like this

Code:
<application [COLOR="Red"]android:theme="@style/My.Theme"[/COLOR] android:label="@string/application_name" android:icon="@drawable/ic_launcher_home" android:name="LauncherApplication">

Recompile
Push it in to system/app
Set proper permissions(rw-r--r--)
 

kk9999gada

Senior Member
Hey replaced my status bar background by ur png but i am not getting that kitkat look...
any idea to solve this??
I am on CM7 based rom on galaxy y...
NewExperienceSS-20140102_215531.png

I guess you are using Holo Launcher.
If yes then go to Launcher Settings > Desktop Settings > Scroll to Bottom > Check Hide Shadows at top and bottom.

Now enjoy gradient status bar.
 
Last edited:
P

parthbhatia98

Guest
I guess you are using Holo Launcher.
If yes then go to Launcher Settings > Desktop Settings > Scroll to Bottom > Uncheck Hide Shadows at top and bottom.

Now enjoy gradient status bar.

NewExperienceSS-20140103_133532.png

Thanks mate, done it successfully!!
But minor correction in ur step is tht we hav to 'check ' hide shadow option and not 'uncheck' :p
 

Attachments

  • NewExperienceSS-20140103_133532.png
    NewExperienceSS-20140103_133532.png
    96.3 KB · Views: 193

Top Liked Posts

  • There are no posts matching your filters.
  • 29
    Gradient Status Bar
    For Gingerbread Roms

    Hello everyone, today I will show you how to get Kit Kat Gradient Status Bar on Gingerbread Roms. So, lets begin.

    Requirements:
    1. Windows/Linux
    2. Apktool
    3. 7-zip.
    4. Notepad++ for Editing xml in Windows
    5. Gingerbread Rom (De-odexed) for SystemUI.apk
    6. Resources (See Attachment)
    7. Basic Compiling and Decompiling Knowledge.

    Modding SystemUI.apk
    1. Decompile your SystemUI.apk
    2. Navigate to /SystemUI/res/layout/status_bar.xml
    3. Now find this line
      Code:
      <com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="#ff000000" android:focusable="true" android:descendantFocusability="afterDescendants"
        xmlns:android="http://schemas.android.com/apk/res/android">
    4. Now Change the Red marked line with this
      Code:
      android:background="@drawable/gradient"
    5. Now copy the attached gradient.png to /SystemUI/res/drawable-mdpi
    6. Recompile SystemUI.apk
    7. Now open the Original SystemUI.apk using 7-zip
    8. Now navigate to /SystemUI/build/apk and Drag the classes.dex to Original SystemUI.apk
    9. Now navigate to /SystemUI/build/apk/res/drawable-mdpi and Drag gradient.png to Original SystemUI.apk
    10. Push the Modded SystemUI.apk to /system/app
    11. Thats it. Enjoy Gradient Status Bar on your Gingerbread.

    XDA PORTAL
    Don't forget to Hit Thanks (y)
    2
    Nice guide. :good:
    Btw You can use xml method for the gradient statusbar, So that the users can change the opacity and color of their choice without any image editor. If you didn't understand you can take a look at gradient_bg.xml in SystemUI.zip from my guide.
    2
    SOLUTION!

    here are the screenshots...statusbar is still black and when a notification comes it just like in the screenshot...

    same problem here :(

    ---------- Post added at 09:41 PM ---------- Previous post was at 09:12 PM ----------



    Which .smali file to edit ? can u plz explain? or link to any guide related?


    Guys, here's the solution for you and others..
    -decompile apk and go to smali/com/android/systemui/statusbar/StatusBarService.smali
    -
    Code:
    .line 334
        .local v7, view:Lcom/android/systemui/statusbar/StatusBarView;
        new-instance v0, Landroid/view/WindowManager$LayoutParams;
    
        const/4 v1, -0x1
    
        const/16 v3, 0x7d0
    
        const/16 v4, 0x48
    
        const/4 v5, [B]0x2[/B]
    
        invoke-direct/range {v0 .. v5}, Landroid/view/WindowManager$LayoutParams;-><init>(IIIII)V
    
        .line 341
    you will see something like that after searching invoke-direct/range . Line no may differ. Im on Xperia arc GB. Anyway
    change const/4 v5, 0x2 with const/4 v5, -0x3
    -save and compile..
    - Its a %100 solution if you have 0x2 there..
    Cheers!
    1
    1
    Guys, here's the solution for you and others..
    -decompile apk and go to smali/com/android/systemui/statusbar/StatusBarService.smali
    -
    Code:
    .line 334
        .local v7, view:Lcom/android/systemui/statusbar/StatusBarView;
        new-instance v0, Landroid/view/WindowManager$LayoutParams;
    
        const/4 v1, -0x1
    
        const/16 v3, 0x7d0
    
        const/16 v4, 0x48
    
        const/4 v5, [B]0x2[/B]
    
        invoke-direct/range {v0 .. v5}, Landroid/view/WindowManager$LayoutParams;-><init>(IIIII)V
    
        .line 341
    you will see something like that after searching invoke-direct/range . Line no may differ. Im on Xperia arc GB. Anyway
    change const/4 v5, 0x2 with const/4 v5, -0x3
    -save and compile..
    - Its a %100 solution if you have 0x2 there..
    Cheers!

    This is AWESOME!!!!!!!! Thanks a Bunch!!!!!! :)