Android沉浸式浏览图片

最新推荐文章于 2023-05-12 16:29:43 发布

Amoy阿磊

最新推荐文章于 2023-05-12 16:29:43 发布

阅读量969

点赞数

分类专栏：神马笔记文章标签： SystemUI immersive 沉浸式 TransitionDrawable

本文链接：https://blog.csdn.net/chuyangchangxi/article/details/85331381

版权

本文详细介绍了如何在Android中实现沉浸式图片浏览，包括全屏设置、SystemUI控制、背景颜色配置、过渡效果和处理SystemUI空间的方法。通过设置相关FLAG和样式，实现了全屏模式下图片浏览的沉浸式体验。

摘要由CSDN通过智能技术生成

Android沉浸式浏览图片

一、目标

沉浸式浏览图片

二、体验地址

神马笔记最新版本：【神马笔记Version1.1.0_beta.apk】

三、需求分析

图片浏览分为2个层次

浏览层
操作层

浏览层

图片浏览层用于查看图片，用户通过双击，多点操作，移动查看图片。浏览层为全屏模式，图片的顶部和底部可能被操作层所遮挡。

操作层

操作层提供了图片相关或其他操作，目前需要实现的是返回前一界面，查看图片列表。可以隐藏操作层从而提供用户沉浸式查看图片的体验。

四、准备工作

1. 实现全屏

有2种方式可以实现全屏。

windowFullscreen
SystemUI

windowFullscreen将Window设置为全屏，从而实现全屏模式。

Android提供了一种更好的方式来实现全屏，使用SystemUI。

对于图片查看，相关的SystemUI有2个，顶部的状态栏Status，底部的导航栏Navigation。SystemUI提供了使用Status及Navigation背后控件的功能，及将应用的控件区域延伸到系统控件之下。

SystemUI提供了3个Flag来实现这个功能。

SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

使控件区域延伸到Status之下。
SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION

使控件区域延伸到Navigation之下。
SYSTEM_UI_FLAG_LAYOUT_STABLE

使界面保持稳定，不会因切换SystemUI可见性或者Activity切换导致布局变化。

设置这3个Flag只是延伸了控件的空间，Status和Navigation依然是可见的。

2. 控制可见性

SystemUI提供了另外2个Flag用户控制Status和Navigation的可见性。

SYSTEM_UI_FLAG_FULLSCREEN

隐藏Status，默认为显示

SYSTEM_UI_FLAG_HIDE_NAVIGATION

隐藏Navigation，默认为显示

3. 设置样式风格

SystemUI提供了2个Flag用于设置Status和Navigation的风格。

SYSTEM_UI_FLAG_LIGHT_STATUS_BAR

将Status设置为明亮风格，通常显示为白底黑色按钮。默认为深色，黑底白色按钮。

SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR

将Navigation设置为明亮风格，通常显示为白底黑色按钮。默认为深色，黑底白色按钮。

注意，这2个Flag控制的是Status和Navigation按钮的样式，背景可以独立设置。

4. 设置背景颜色

在styles.xml资源中可以设置以下的样式风格。

<item name="android:windowDrawsSystemBarBackgrounds">true</item>

<item name="android:windowTranslucentStatus">false</item>
<item name="android:statusBarColor">@android:color/black</item>

<item name="android:windowTranslucentNavigation">false</item>
<item name="android:navigationBarColor">@android:color/black</item>