Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,814,481 Members 54,108 Now Online
XDA Developers Android and Mobile Development Forum

[GUIDE][AOSP][4.1+] KitKat Gradient Status & Nav Bars

Tip us?
 
ATTACK
Old
(Last edited by ATTACK; 12th August 2014 at 02:57 AM.) Reason: Cleaning up...
#1  
ATTACK's Avatar
Recognized Themer - OP
Thanks Meter 1,635
Posts: 1,225
Join Date: Jan 2012
Default [GUIDE][AOSP][4.1+] KitKat Gradient Status & Nav Bars

I've been asked several times to post a guide on how I created the gradient status and nav bar mod [LINK]. So here it is!... If you use this mod in you're work please give proper credit.


------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
DISCLAIMER:
YOU MUST KNOW HOW TO DE-COMPILE & COMPILE APK'S AND JAR FILES, WORK WITH SMALI CODE AND USE THE APPROPRIATE PROGRAMS.
I WILL NOT ANSWER QUESTION ON "HOW DO I...", "WHAT DO I..." OR "CAN YOU..."

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

XDA changed the way code is handled in code boxes, so I had to wrap everything in quote boxes.

Quote:
LETS BEGIN:

DELETE: RED CODE
ADD: BLUE CODE
Quote:
Adding translucency to status & nav bars.
This will enabled the status and navigation bar to be translucent, independently of each other.
Meaning you could set the status bar to 20% and the navigation bar to 75%.

1. Decompile android.policy.jar \ com \ android \ internal \ policy \ impl \ PhoneWindowManager.smali

Look for this line:
Quote:
.method public getSystemDecorRectLw(Landroid/graphics/Rect;)I
Quote:
.method public getSystemDecorRectLw(Landroid/graphics/Rect;)I
.locals 1
.parameter "systemRect"

.prologue
.line 2755
iget v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mSystemLeft:I

iput v0, p1, Landroid/graphics/Rect;->left:I

.line 2756
iget v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mSystemTop:I

iput v0, p1, Landroid/graphics/Rect;->top:I

.line 2757
iget v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mSystemRight:I

iput v0, p1, Landroid/graphics/Rect;->right:I

.line 2758
iget v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mSystemBottom:I

iput v0, p1, Landroid/graphics/Rect;->bottom:I

.line 2759
iget-object v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mStatusBar:Landroid/view/WindowManagerPolicy$WindowState;

if-eqz v0, :cond_0

iget-object v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mStatusBar:Landroid/view/WindowManagerPolicy$WindowState;

invoke-interface {v0}, Landroid/view/WindowManagerPolicy$WindowState;->getSurfaceLayer()I

move-result v0

.line 2761
:goto_0
return v0

.line 2760
:cond_0
iget-object v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mNavigationBar:Landroid/view/WindowManagerPolicy$WindowState;

if-eqz v0, :cond_1

iget-object v0, p0, Lcom/android/internal/policy/impl/PhoneWindowManager;->mNavigationBar:Landroid/view/WindowManagerPolicy$WindowState;

invoke-interface {v0}, Landroid/view/WindowManagerPolicy$WindowState;->getSurfaceLayer()I

move-result v0

goto :goto_0

.line 2761
:cond_1
const/4 v0, 0x0

goto :goto_0
.end method
Replace with:

Quote:

const/4 v0, 0x0

return v0
.end method
Finished...now compile.




Quote:
2. Decompile SystemUI.apk \ com \ android \ systemui \ statusbar \ phone \ PhoneStatusBar.smali

Look for:
Quote:
.method private getNavigationBarLayoutParams()Landroid/view/WindowManager$LayoutParams;
Quote:
.method private getNavigationBarLayoutParams()Landroid/view/WindowManager$LayoutParams;
.locals 6

.prologue
const/4 v1, -0x1

.line 792
new-instance v0, Landroid/view/WindowManager$LayoutParams;

const/16 v3, 0x7e3

const v4, 0x840068

const/4 v5, -0x3

move v2, v1

move v5, v1

invoke-direct/range {v0 .. v5}, Landroid/view/WindowManager$LayoutParams;-><init>(IIIII)V

.line 803
invoke-static {}, Landroid/app/ActivityManager;->isHighEndGfx()Z

move-result v1

if-eqz v1, :cond_0

.line 804
iget v1, v0, Landroid/view/WindowManager$LayoutParams;->flags:I

const/high16 v2, 0x100

or-int/2addr v1, v2

iput v1, v0, Landroid/view/WindowManager$LayoutParams;->flags:I

.line 807
:cond_0
const-string v1, "NavigationBar"

invoke-virtual {v0, v1}, Landroid/view/WindowManager$LayoutParams;->setTitle(Ljava/lang/CharSequence;)V

.line 808
const/4 v1, 0x0

iput v1, v0, Landroid/view/WindowManager$LayoutParams;->windowAnimations:I

.line 809
return-object v0
.end method



Quote:
Editing Status bar & Navigation bar background

SystemUI.apk \ res \ layout \ navigation_bar.xml
SystemUI.apk \ res \ layout-sw600dp \ navigation_bar.xml
Quote:
android:background="#88000000"
Quote:
android:background="@drawable/nav_bar_background"
SystemUI.apk \ res \ values \ drawables.xml

Quote:
<item type="drawable" name="status_bar_background">#88000000</item>
SystemUI.apk \ res \ layout \ status_bar.xml
Quote:
android:background="#FF000000"
Quote:
android:background="@drawable/status_bar_background"



Quote:
Gradient Status & Nav Bar

startCOLOR = BOTTOM
endCOLOR = TOP

Create 2 new XML's:
Place in SystemUI \ res \ drawable

[status_bar_background.xml]
Quote:
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#00000000" android:endColor="#99000000" android:angle="@integer/status_bar_bg_gradient_degrees" name="status_bar_background" />
</shape>
[nav_bar_background.xml]
Quote:
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#cc000000" android:endColor="#00000000" android:angle="@integer/nav_bar_bg_gradient_degrees" name="nav_bar_background" />
</shape>
Add to integers (SystemUI.apk \ res \ values \ integers)
Quote:
<integer name="nav_bar_bg_gradient_degrees">90</integer>
<integer name="status_bar_bg_gradient_degrees">90</integer>



Quote:
At this point you may want to adjust the background gradient for the recents background. I went with 5% ~ 0%

SystemUI \ res \ drawable \ status_bar_recents_background
Quote:
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#0d000000" android:endColor="#00000000" android:angle="@integer/status_bar_recents_bg_gradient_degrees" name="status_bar_recents_background" />
</shape>
Finished...now compile.


Hex Opacity Values
 
Code:
100%  FF

95%  F2

90%  E6

85%  D9

80%  CC

75%  BF

70%  B3

65%  A6

60%  99

55%  8C

50%  80

45%  73

40%  66

35%  59

30%  4D

25%  40

20%  33

15%  26

10%  1A

5%  0D

0%  00


KNOWN ISSUES:
Quote:
*White backgrounds causes the status bar to become white (System Wide)
*Lockscreen tint needs to be adjusted to match gradient.
END RESULT
 
Attached Files
File Type: rar White Status Icons.rar - [Click for QR Code] (27.5 KB, 2237 views)
File Type: rar [HDPI] White Status Icons.rar - [Click for QR Code] (37.2 KB, 2149 views)
SCORPION MINI
AOSPIFIED 4.4.2
DEV-HOST
The Following 69 Users Say Thank You to ATTACK For This Useful Post: [ Click to Expand ]
 
ATTACK
Old
(Last edited by ATTACK; 20th July 2014 at 10:08 PM.)
#2  
ATTACK's Avatar
Recognized Themer - OP
Thanks Meter 1,635
Posts: 1,225
Join Date: Jan 2012
>>REMOVING LOCKSCREEN TINT GUIDE: Thanks to @Koloses

>>WHITE STATUS BAR CLOCK GUIDE
SCORPION MINI
AOSPIFIED 4.4.2
DEV-HOST
The Following 6 Users Say Thank You to ATTACK For This Useful Post: [ Click to Expand ]
 
EnricoD
Old
#3  
EnricoD's Avatar
Recognized Contributor / Themer
Thanks Meter 3,938
Posts: 2,208
Join Date: May 2013
Sorry.. last part of the guide

"At this point you may want to adjust the background gradient for the recents background. I went with 5% ~ 0%

SystemUI \ res \ drawable \ nav_bar_recents_background"

Shoud be nav_bar_background.xml not nav_bar_recents_background
The Following 5 Users Say Thank You to EnricoD For This Useful Post: [ Click to Expand ]
 
slimdizzy
Old
#4  
Senior Member
Thanks Meter 233
Posts: 752
Join Date: Sep 2008
Can you show a screenshot with the launcher open? I want to see how your mod deals with changes in the status bar and nav bar. Previous mods failed at this. Either everything gets white out or system UI crashes constantly.

TIA
-------------------------
Main: Nexus 5
Other Devices: Moto X Stock Rooted, Galaxy Nexus - Dreams 4.4 KitKat, Nokia 620 WP8, Nexus 7(x2), HTC One XL, Nexus S i9020a, Acer A500, Galaxy Tab 7" (Orginal)
R.I.P Devices: HTC Desire (dropped down stairs), HTC 7 Mozart (eaten by aliens), HTC One X+ (sold)
 
ATTACK
Old
#5  
ATTACK's Avatar
Recognized Themer - OP
Thanks Meter 1,635
Posts: 1,225
Join Date: Jan 2012
Quote:
Originally Posted by enricocid View Post
Sorry.. last part of the guide

"At this point you may want to adjust the background gradient for the recents background. I went with 5% ~ 0%

SystemUI \ res \ drawable \ nav_bar_recents_background"

Shoud be nav_bar_background.xml not nav_bar_recents_background
FIXED... It's actually SystemUI \ res \ drawable \ status_bar_recents_background.
SCORPION MINI
AOSPIFIED 4.4.2
DEV-HOST
The Following 4 Users Say Thank You to ATTACK For This Useful Post: [ Click to Expand ]
 
ATTACK
Old
#6  
ATTACK's Avatar
Recognized Themer - OP
Thanks Meter 1,635
Posts: 1,225
Join Date: Jan 2012
Quote:
Originally Posted by slimdizzy View Post
Can you show a screenshot with the launcher open? I want to see how your mod deals with changes in the status bar and nav bar. Previous mods failed at this. Either everything gets white out or system UI crashes constantly.

TIA
Everything works....the only 2 issues are listed in the OP
SCORPION MINI
AOSPIFIED 4.4.2
DEV-HOST
The Following User Says Thank You to ATTACK For This Useful Post: [ Click to Expand ]
 
EnricoD
Old
#7  
EnricoD's Avatar
Recognized Contributor / Themer
Thanks Meter 3,938
Posts: 2,208
Join Date: May 2013
Quote:
Originally Posted by ATTACK View Post
Everything works....the only 2 issues are listed in the OP
Sorry Bro

I've already done Your guide and works very good... but

You say to delete this in drawables.xml

<item type="drawable" name="system_bar_background">#88000000</item>

But if You delete this You will get errors...

Since You add android:background="@drawable/status_bar_background"

You should delete the item status_bar_background from drawables.xml

It works for me...
great guide

Thank You


The Following 3 Users Say Thank You to EnricoD For This Useful Post: [ Click to Expand ]
 
Maurice5813
Old
#8  
Guest
Thanks Meter 864
Posts: 0
Join Date: Jan 1970
this working on cm10.2, 4.3.1?
 
this-is-me
Old
#9  
Junior Member
Thanks Meter 6
Posts: 29
Join Date: Sep 2010
@ATTACK, If you are familiar with the Xposed framework, I wonder if it would make it easier on you to make this modification into an Xposed mod. Do you think it is worth trying?
 
cammykool
Old
#10  
cammykool's Avatar
Senior Member
Thanks Meter 307
Posts: 1,078
Join Date: Sep 2011
Location: Arvada Colorado
I don't know how to decompile so I would be cool with that.

Sent from my SCH-I535 using Tapatalk
Current Phone: Walmart Family Mobile Nexus 5 16GB
Current Tablet: Dell Venue 8 Pro 32gb Windows 8.1
Current MP3 Player:  Apple iPhone 3G
\
Previous Devices:
LG Optimus V (tvall CM9)
VZW Moto DROID (Kfazz CM10)
VZW Galaxy S3 (Zachf1714 CM11-Stolen)
Alcatel OneTouch Evolve (Sold)

Tags
aosp, galaxy nexus, guide, kitkat, translucent status bar
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes