[GUIDE][CM11][KK] How to make Transparent Status and Navigation Bar on KitKat 4.4

Search This thread

TheArc

Inactive Recognized Themer
Jan 1, 2012
2,512
2,122
26
Auckland
Sorry for asking many many questions D:

Thanks for all the help btw! Really appreciate it
 
Last edited:
  • Like
Reactions: ashishdubey

M7ammad.eb

Senior Member
Jul 30, 2012
204
96
first of all thank you for this useful guide :)

I've done what you said and the NavBar became transparent but I have a problem ..
the shortcut shows under the NavBar !!!!
see the attached photos ..
and thanks in advanced :)

and here is the apk if you wanna take a look.. Home.apk
 

Attachments

  • Screenshot_2014-02-20-14-16-58.jpg
    Screenshot_2014-02-20-14-16-58.jpg
    57.4 KB · Views: 237
  • Screenshot_2014-02-20-14-17-18.jpg
    Screenshot_2014-02-20-14-17-18.jpg
    53.3 KB · Views: 224
  • xxzz.JPG
    xxzz.JPG
    71.4 KB · Views: 192
  • Home.apk
    2 MB · Views: 33

TheArc

Inactive Recognized Themer
Jan 1, 2012
2,512
2,122
26
Auckland
first of all thank you for this useful guide :)

I've done what you said and the NavBar became transparent but I have a problem ..
the shortcut shows under the NavBar !!!!
see the attached photos ..
and thanks in advanced :)

and here is the apk if you wanna take a look.. Home.apk

Ashish told me not all launchers fix the overlap issue with fitSystem line.

You have to change some dimensions in the dimens.xml in values folder. OP will know more about this as he's done it. If I'm wrong, excuse this then :p.

Sent from my Nexus 5 using Tapatalk
 
  • Like
Reactions: ashishdubey

M7ammad.eb

Senior Member
Jul 30, 2012
204
96
Ashish told me not all launchers fix the overlap issue with fitSystem line.

You have to change some dimensions in the dimens.xml in values folder. OP will know more about this as he's done it. If I'm wrong, excuse this then :p.

Sent from my Nexus 5 using Tapatalk

Well thanks for trying to help.. I'll give a try :)

Sent from my Xperia Arc S using Tapatalk
 

ashishdubey

Senior Member
Nov 27, 2013
587
1,553
Indore
Well thanks for trying to help.. I'll give a try :)

Sent from my Xperia Arc S using Tapatalk

try to increase this value of <dimen name="stage_breadth">???</dimen> in dimens.xml according to ur need. by doing this dock items will move upward but there is one issue,dock image remains at it's place and i don't know how to fix that.
 

M7ammad.eb

Senior Member
Jul 30, 2012
204
96
try to increase this value of ??? in dimens.xml according to ur need. by doing this dock items will move upward but there is one issue,dock image remains at it's place and i don't know how to fix that.

doesn't work !!!!! tried every thing I can do but no change !!!!
the only way to place them above the NavBar is to disable transparency !!!! :\

-EDIT-
After some changing with dims the apps shortcuts moved up but the app drower opener still where it is...

e5upemah.jpg
 
Last edited:

Top Liked Posts

  • There are no posts matching your filters.
  • 13
    Hello Everyone!!

    Lots of people asked me how to make transparent status and transparent navigation bar on android 4.4 kitkat as it supports transparent status and navigation bar. So i thought of writing this guide so that every one get's benefit of this.

    Here u go:

    To make use of transparent status and navigation feature of Android 4.4 in your activity(it may be launcher or any activity):

    Add these below lines in style.xml of your activity/launcher's main activity theme.

    HTML:
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
    Where attribute android:windowTranslucentStatus set the transparency of status bar and android:windowTranslucentNavigation used for transparency of navigation bar

    Or you can also use one of these themes as your parent
    HTML:
    Theme.Holo.NoActionBar.TranslucentDecor
    Theme.Holo.Light.NoActionBar.TranslucentDecor
    By enabling translucent system bars, your layout will fill the area behind the system bars, so you must also enable fitsSystemWindows for the portion of your layout that should not be covered by the system bars.
    HTML:
    <item name="android:fitsSystemWindows">true</item>


    You can use anyone of the above approach to make transparent System bars of your activity.
    You can also read original android docs Here

    If u like my work, press thanks:laugh:
    .
    2
    So I defined a new colour in color.xml

    <color name="nexus">#ff4d9ad8</color>

    I went into styles, and changed

    <item name="android:windowBackground">@*android:color/transparent</item> to

    <item name="android:windowBackground">@*android:color/nexus</item>

    Now when compiling, it gives off an error, doesn't compile?

    :) Thanks for the help!

    Wrong way of using it...
    use like this <item name="android:windowBackground">@color/nexus</item>:laugh:
    1
    hmm so how can i sign my app now ?

    Read this post u will find out how to sign apk http://xdaforums.com/showthread.php?t=2251719 .download jarsigner for that.Then install or move that signed apk to system>app.
    1
    I DID ITS WORKING BUT NO TRANSPARENCY Still same :(

    bro i m not able to install ur apk as some libs are missing also i m using sony phone.i have checked ur manifest.xml and found that there is no theme defined in your main activity "com.android.launcher2.Launcher" define a theme and add transparent status bar styles corresponding to that theme in style.xml. hope that works
    1
    Thanks for this awesome guide!

    hybyna4y.jpg


    How can I get the status bar to imitate the colour scheme of the top action bar? Blue bit.
    I added fit window option but it didn't do anything.

    Edit : Here's the screenshot!

    yqXFbNp.png


    Sent from my Nexus 5 using Tapatalk

    Bro try to remove window:background attribute from theme or make it transparent instead of white!