Google在Android4.4之后提供了沉浸式全屏体验的效果,在沉浸式全屏模式下,状态栏、虚拟按键动态隐藏,使得应用可以充分的使用屏幕空间,从而给人一种身临其境的感觉。此外,Google又在Android5.0之后提出了ColorPalette的概念,让开发者可以自己设定系统区域的颜色,使得整个APP的颜色和系统的颜色风格保持统一。ps(效果图有点大,不好意思)
之前写过两篇关于如何实现手机的全屏和获取各种”栏”的高度的文章,请点此查看:
http://blog.csdn.net/james_shu/article/details/53205687
http://blog.csdn.net/james_shu/article/details/53363234
当然这里还是有必要先介绍一下关于Android手机在MaterialDesign风格下各部分的划分以及Android手机的各种”栏”。
这里还是先声明一句,本文针对是API19以上(Android4.4以上的手机),主要还是Android系统在API19以后才提出的沉浸式模式,.
1.首先实现全屏:
方法一:XXX.TranslucenterDecor自带应用的半透明效果,并且注意这里使用的主题,
android:Theme.Holo.Light.NoActionBar.TranslucentDecor
android:Theme.Holo.NoActionBar.TranslucentDecor是新增加的主题,所以应该在res下创建values-v19的目录并且新建styles.xml文件添加此主题,并且Activity不能继承AppCompatActivity,因为这里的主题不再是AppCompat的主题.
方式二:在onCreate()方法中添加代码:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){
//实现透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//实现透明导航栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
}
//当状态栏和导航栏透明的时候,ActionBar按理也不应该再显示在屏幕上
ActionBar actionBar=getSupportActionBar();
actionBar.hide();
}
效果和方式一是一样的,不再贴效果图。
方式三:该方式是在Android5.0以上的手机实现全屏的方法:
if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.LOLLIPOP){
getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS|WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LAYOUT_STABLE|View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION);
getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
}
getSupportActionBar().hide();
当然为了在点击屏幕的时候能够退出显示透明状态栏和透明导航栏,可以加入以下的代码:
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if(hasFocus&&Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){
getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|
View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION|
View.SYSTEM_UI_FLAG_LAYOUT_STABLE|View.SYSTEM_UI_FLAG_FULLSCREEN|View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
|View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
);
}
}
然后再说一下如何解决状态栏的占位问题:
方式一:在主题中添加:<item name="android:fitsSystemWindows">true</item>
方式二:layout根布局下添加代码:android:fitsSystemWindows=true
方式三:在Java代码中添加:rootView.setFitsSystemWindows(true)
效果: