Android中的全屏模式及沉浸式状态栏

Android中的全屏模式及沉浸式状态栏

全屏模式

有些操作在全屏模式下会让用户获得最佳体验,例如视频、游戏、图片库、图书和演示文稿中的幻灯片。本文介绍了如何采用全屏模式吸引用户更深入地了解相关内容,并防止用户意外退出应用。

Android 提供了三种用于将应用设为全屏模式的方法:向后倾斜模式(Lean Back)、沉浸模式(Immersive)和粘性沉浸模式()Immersive Sticky。在这三种模式中,android的系统栏都是隐藏的, 它们之间的区别在于用户让系统栏重新显示出来的方式。

向后倾斜模式

向后倾斜模式适用于用户不会与屏幕进行大量互动的全屏体验,例如在观看视频时。当用户希望再次调出系统栏时,只需点按屏幕上的任意位置即可。

向后倾斜模式下用户点击屏幕任意位置退出全屏

要启用向后倾斜模式,可以通过调用 setSystemUiVisibility() 并传递入[SYSTEM_UI_FLAG_FULLSCREEN() 和 SYSTEM_UI_FLAG_HIDE_NAVIGATION。

沉浸模式

沉浸模式适用于用户将与屏幕进行大量互动的应用。 示例包括游戏、查看图库中的图片或者阅读分页内容,如图书或演示文稿中的幻灯片。

当用户需要调出系统栏时,他们可从隐藏系统栏的任一边滑动。要求使用这种这种意图更强的手势是为了确保用户与您应用的互动不会因意外轻触和滑动而中断。

要启用沉浸模式,请调用 setSystemUiVisibility()并将 SYSTEM_UI_FLAG_IMMERSIVE 标志与 SYSTEM_UI_FLAG_FULLSCREEN 和 SYSTEM_UI_FLAG_HIDE_NAVIGATION 一起传递。

粘性沉浸模式

在普通的沉浸模式中,只要用户从边缘滑动,系统就会负责显示系统栏,您的应用甚至不会知道发生了该手势。因此,如果用户实际上可能是出于主要的应用体验而需要从屏幕边缘滑动,例如在玩需要大量滑动的游戏或使用绘图应用时,您应改为启用“粘性”沉浸模式。

在粘性沉浸模式下,如果用户从隐藏了系统栏的边缘滑动,系统栏会显示出来,但它们是半透明的,并且轻触手势会传递给应用,因此应用也会响应该手势。

例如,在使用这种方法的绘图应用中,如果用户想绘制从屏幕最边缘开始的线条,则从这个边缘滑动会显示系统栏,同时还会开始绘制从最边缘开始的线条。无互动几秒钟后,或者用户在系统栏之外的任何位置轻触或做手势时,系统栏会自动消失。

要启用粘性沉浸模式,请调用 setSystemUiVisibility() 并将 SYSTEM_UI_FLAG_IMMERSIVE_STICKY 标志与 SYSTEM_UI_FLAG_FULLSCREEN 和 SYSTEM_UI_FLAG_HIDE_NAVIGATION 一起传递

三种模式的区别与联系:

在向后倾斜模式和沉浸式模式下,当系统栏显示后不会自动隐藏,如果需要再次隐藏需再次调用 setSystemUiVisibility()方法并设置相应参数。而在粘性沉浸式模式下,系统栏显示后可以自动隐藏。

在向后倾斜模式和沉浸式模式下,当系统栏显示后用户会收到onSystemUiVisibilityChange()回调,而在粘性沉浸式模式下用户不会收到该回调

在粘性沉浸模式下当用户从边缘滑动退出全屏时,App会接收到滑动事件,而在普通沉浸模式下不会。

沉浸式状态栏

有时应用不需要隐藏状态栏,又需要将内容填充到整个屏幕(包含状态栏)实现浑然一体的视觉效果,着就是沉浸式状态栏,也即所谓的”通栏“。Android 4.4(KITKAT API Level 19)开始全面支持沉浸式状态栏。

有2中方式来实现沉浸式状态栏:

在Android4.4中使用新主题背景 Theme.Holo.NoActionBar.TranslucentDecor 和 Theme.Holo.Light.NoActionBar.TranslucentDecor 将系统状态栏设置为部分透明。

通过启用透明系统状态栏,布局将填充系统状态栏后面的区域,因此,必须为不应被系统状态栏覆盖的布局部分启用 fitsSystemWindows。

如果您要创建自定义主题背景,则将其中某个主题背景设置为父主题背景,或在您的主题背景中添加 windowTranslucentNavigation 和 windowTranslucentStatus样式属性。

2、在Java代码中利用Window().addFlags()将状态栏设为透明即可实现此效果,代码如下:

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

View decorView = getWindow().getDecorView();

int uiOptions = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LAYOUT_STABLE;

decorView.setSystemUiVisibility(uiOptions);

getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

getWindow().setStatusBarColor(Color.TRANSPARENT);

}

相关阅读

姆巴佩回归  皇马在世俱杯比赛中击败尤文图斯
det365官网登录

姆巴佩回归 皇马在世俱杯比赛中击败尤文图斯

📅 07-02 👁️ 7565
神武卡30级怎么玩
det365官网登录

神武卡30级怎么玩

📅 07-07 👁️ 2234
肖水龙|肖水龙简介|肖水龙联系方式|肖水龙视频|肖水龙授课邀请|东方智库
365betmobileapp

肖水龙|肖水龙简介|肖水龙联系方式|肖水龙视频|肖水龙授课邀请|东方智库

📅 07-05 👁️ 2220