fitsSystemWindows实践

最新推荐文章于 2024-05-10 09:42:27 发布

CoolEgos

最新推荐文章于 2024-05-10 09:42:27 发布

阅读量8.7k

点赞数

分类专栏： Android 文章标签： android StatusBar Navitation

本文链接：https://blog.csdn.net/A38017032/article/details/53967121

版权

本文探讨了在Android中处理Status Bar和Navigation Bar的问题，强调了如何合理展示屏幕元素以避免被System Bar遮挡。通过讲解WindowInsets类、setFitsSystemWindows方法以及fitSystemWindows方法，介绍了透明状态栏实现、ListView在透明Bar下方展示以及视频播放器场景下的应用。提供了具体的布局和Java代码示例。

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

好久没有写博客，一直在用自己的印象笔记记录一些问题。2017年了，想重新的把博客写起来。也希望通过这个平台交一些朋友。

最开始的文章从自己碰到的问题写起吧。Android的Status Bar和Navigation Bar(当然不是所有版本都有Navigation Bar)在界面中一直占据着一定的空间。随着版本升级，Status Bar和Navigation Bar的碎片化也越来越严重。如何处理Status Bar和Navigation Bar的协调问题，如何合理的展示屏幕中的元素也逐渐成了一个问题。（当然不是所有的app的处理方式都是一样的，这篇博客主要是来记录自己碰到的问题以及解决的方法）

下面统称Status Bar和Navigation Bar为System Bar。
首先需要了解基本的规则：可以用来交互的元素不能一直被System Bar一直遮住，不然可能导致你的某个控件不能操作。简单点解释就是你的Button不能展示在System Bar下面无法点击，你的List Item不能一直展示Navigation Bar的下面无法点击。

先了解一个类。
WindowInsets (api 20引入):用来记录一系列Window占用的空间。mSystemWindowInsets(Rect):System Bar占据的区域、mWindowDecorInsets(Rect):应用内容占据的区域、mStableInsets(Rect):看英文是稳定的区域，但是没有理解，求理解的告知。

了解几个api。
setFitsSystemWindows(boolean):设置系统是否需要考虑System Bar占据的区域来显示。如果需要的话就会执行 fitSystemWindows(Rect)方法。即设置为true的是时候系统会适应System Bar的区域，让内容不被遮住。
fitSystemWindows(Rect)(api level 14):用来调整自身的内容来适应System Bar(不让被System Bar遮住)。// 这里其实不止Status Bar和Navigation Bar，只是目前只考虑Status Bar、Navigation Bar、IME。
onApplyWindowInsets(WindowInsets)(api level 20):同fitSystemWindows(Rect)的作用是一样的，更加方便扩展，对以后增加新的系统控件便于扩展。

几个实践：
1.实现透明状态栏。可以参考http://www.jianshu.com/p/0acc12c29c1b
其中有使用android:fitsSystemWindows=“true”，系统会自动的调整显示区域来实现详情的控件不会被遮住。

2.ListView展示在透明的Status Bar/Navigation Bar下方。
2.1 使用下面的布局就行。最外层的RelativeLayout设置android:fitsSystemWindows="false"，意思是根布局不受System Bar的影响，可以完全的展示在System Bar的下面。ListView中的android:fitsSystemWindows="true"使ListView自身受System Bar的影响不会被System Bar遮住，android:clipToPadding="false"ListView不受Padding的影响，可以展示在Padding的区域。其实fitsSystemWindows就是设置一个Padding使View不会展示在System Bar的下方，现在这样设置以后ListView自身还是会适应System Bar的区域，只是同样的可以展示在Padding的区域。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    android:id="@+id/content_layout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"