什么是沉浸式体验
沉浸式就是要给用户提供完全沉浸的体验,使用户有一种置身于虚拟世界之中的感觉。这种体验在各类游戏中被广泛应用,绝大部分的游戏都会在打开后,使得屏幕被完全被游戏占据,让玩家沉浸其中。这里,抛开人机设计交互体验上不说,从技术角度看Android APP如何实现沉浸式效果。
适配沉浸式状态栏前后效果对比.jpg如上可以看出,做过沉浸式体验的显示效果会更好一些
实现方案
- 主题配置
<!--在主题中设置去除状态栏-->
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar"/>
- 代码设置
Window window = getWindow();
View decorView = window.getDecorView();
int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
decorView.setSystemUiVisibility(option);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(Color.TRANSPARENT);
}
此时图片和布局就会延伸到状态栏了
状态栏重叠
效果如上图,可以看出,沉浸式的效果是出来了,但是也有一个问题,我们的标题栏和状态栏重叠了,相当于整个布局上移了StatusBar 的高度。
为了让标题栏回到原来的位置,我们在标题栏的上方添加一个大小和StatusBar大小一样的View。我写了一个通用状态栏,拿去用,不谢:
public class StatusBarView extends View {
private static int mStatusBarHeight;
public StatusBarView(Context context) {
this(context, null);
}
public StatusBarView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
mStatusBarHeight = getStatusBarHeight(context);
}
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), mStatusBarHeight);
}
//此处代码可以放到StatusBarUtils
public static int getStatusBarHeight(Context context) {
if (mStatusBarHeight == 0) {
Resources res = context.getResources();
int resourceId = res.getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0) {
mStatusBarHeight = res.getDimensionPixelSize(resourceId);
}
}
return mStatusBarHeight;
}
}
兼容性如何?
该方案适用于Android4.4(API 19)及以上
实际上,Android对于状态栏的操作,一直都在不断改善,并且表现越来越好,在Android4.4 以下,我们可以对StatusBar和 NavigationBar进行显示和隐藏操作。但是直到Android4.4,我们才能真正意义上的实现沉浸式状态栏。从Android4.4 到现在(Android 7.1),关于沉浸式大概可以分成三个阶段:
Android4.4(API 19) - Android 5.0(API 21): 这个阶段可以实现沉浸式,但是表现得还不是很好,实现方式为: 通过FLAG_TRANSLUCENT_STATUS设置状态栏为透明并且为全屏模式,然后通过添加一个与StatusBar 一样大小的View,将View 的 background 设置为我们想要的颜色,从而来实现沉浸式。
Android 5.0(API 21)以上版本: 在Android 5.0的时候,加入了一个重要的属性和方法 android:statusBarColor (对应方法为 setStatusBarColor),通过这个方法我们就可以轻松实现沉浸式。也就是说,从Android5.0开始,系统才真正的支持沉浸式。
Android 6.0(API 23)以上版本:其实Android6.0以上的实现方式和Android 5.0 +是一样,为什么要将它归为一个单独重要的阶段呢?是因为从Android 6.0(API 23)开始,我们可以改状态栏的绘制模式,可以显示白色或浅黑色的内容和图标(除了魅族手机,魅族自家有做源码更改,6.0以下就能实现)
以上,就是沉浸式状态栏的所有适配内容。因为考虑到阅读成本,因此篇幅尽可能精简。如果需要深入研究,推荐一篇个人认为很好的文章:
作者:依然范特稀西
链接:https://juejin.im/post/5989ded56fb9a03c3b6c8bde
来源:掘金
网友评论