您的位置:首页 > 产品设计 > UI/UE

沉浸模式和透明状态栏笔记

2016-08-29 12:41 344 查看

郭神又出老少咸宜的神文《Android状态栏微技巧,带你真正理解沉浸式模式》,文中,将流行的状态栏自定义颜色(包括透明效果)与沉浸式模式(Immersive Mode)两个概念区分开来,而且还分析和提供了实现二者效果的思路和代码。总结笔记如下图片是郭神文章里的。

沉浸式模式



1. Android 4.4及以上系统才支持沉浸式模式

2. 一般是用于游戏或者视频的应用内容全屏化界面显示效果,此时没有顶部显示网络电量和时间的StatueBar、没有ActionBar、也没有底部的NavigationBar;

3. 此模式在在StatueBar/NavigationBar附近做滑动拉出效果时,会以半透明覆盖形式出现StatueBar/NavigationBar,因此是不会影响全屏内容效果的大小,而且一段时间后会再次隐藏StatueBar/NavigationBar,恢复全屏效果。

4. 实现代码如下

public class Immersive ModeActivity extends AppCompatActivity {
private View decorView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_immersive_mode);
}

@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);

if(!hasFocus || Build.VERSION.SDK_INT < 19) return;
View decorView = getWindow().getDecorView();
decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
}
}


透明的状态栏和导航栏



1. Android 5.0及以上系统才支持透明状态栏效果

2. 应用内容是覆盖整个屏幕,包括StatueBar/NavigationBar的背景,获得同一的界面效果。

3. 实现代码如下:

public class TransparentBarActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_transparent_bar);

//Android 5.0及以上系统才实现此功能.
if(Build.VERSION.SDK_INT < 21) return;
/*
DecorView
--> 设置系统UI可见性
--> 应用的主体内容占用系统状态栏的空间, 两个Flag需要连用,再用一个隐藏导航栏Flag,表示主题内容占用导航栏控件
*/
View decorView = getWindow().getDecorView();
decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION);
//将状态栏和导航栏设置成透明色
getWindow().setStatusBarColor(Color.TRANSPARENT);
getWindow().setNavigationBarColor(Color.TRANSPARENT);
//隐藏ActionBar
getSupportActionBar().hide();
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息