Android 4.4 Immersive transparent status bar with navigation bar

Android has not changed much in the UI since 4.2, and 4.4 has just added the transparency status bar and navigation bar function.

So now I'm going to show you how to use this new feature to get your app to follow the trend, but if you don't care what it looks like,
Use this feature to develop a very beautiful UI, especially for the Google native system, the navigation bar at the bottom of the screen occupies a screen space, looks very uncomfortable



OK nonsense don't talk about it, start talking about technology,The first of these methods, in code settings:

2. if (VERSION. Sdk_int >= version_codes. KITKAT) {
   
4. Transparent status bar
   
6. GetWindow (). Addflags (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   
8. Transparent navigation bar
   
10. GetWindow (). Addflags (WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    
12. }

The direct call to the above 2 lines of code can be transparent, but you will find that your view ran to Actionbar, it is obvious that Google's intention is to make your view can occupy the entire screen, and then the status bar and navigation bar transparent overlay on the above is obviously not feasible.
is there a way to keep your view the same size?
there, you need to add two properties to this activity's layout XML file

2. <linearlayout xmlns:android= "Http://schemas.android.com/apk/res/android"
   
4. Android:layout_width= "Fill_parent"
   
6. android:layout_height= "Fill_parent"
   
8. Android:gravity= "Center_horizontal"
   
10. 
    
12. Android:fitssystemwindows= "true"
    
14. Android:cliptopadding= "true"
    
16. 
    
18. android:orientation= "Vertical" >

The background of the status bar is the main background of your activity, and if actionbar, it will be very difficult to see,

It turns out that Google does not provide a better solution, his transparent status bar and the application of the navigation bar is limited to full-screen reading text or playing games that kind of scene,


the second way,Yes Yes set theme property

1. Android:theme= "@android: Style/theme.devicedefault.light.noactionbar.translucentdecor"
   
2. Android:theme= "@android: Style/theme.holo.light.noactionbar.translucentdecor"
   
3. Android:theme= "@android: Style/theme.holo.noactionbar.translucentdecor"

Copy CodeIf you use a custom theme, simply add the following attribute in the values-19 file:

2. <style name= "Appbasetheme" parent= "Android:Theme.Holo.Light.DarkActionBar" >
   
4. 
   
6. <!--API Theme customizations can go. -
   
8. <item name= "Android:windowtranslucentstatus" >true</item>
   
10. <item name= "Android:windowtranslucentnavigation" >true</item>
    
12. </style>

Copy Code
just said this use has limitations, but fortunately there is an open source thing
Https://github.com/jgilfelt/SystemBarTint


Using this open source library, you must open the transparent title bar

Use this topic

2. <style name= "Appbasetheme" parent= "Android:Theme.Holo.Light.DarkActionBar" >
   
4. 
   
6. <!--API Theme customizations can go. -
   
8. <item name= "Android:windowtranslucentstatus" >true</item>
   
10. <item name= "Android:windowtranslucentnavigation" >true</item>
    
12. </style>

or call this code before setcontentview.

2. if (VERSION. Sdk_int >= version_codes. KITKAT) {
   
4. Transparent status bar
   
6. GetWindow (). Addflags (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   
8. Transparent navigation bar
   
10. GetWindow (). Addflags (WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    
12. }

Android 4.4 Immersive transparent status bar with navigation bar