在 Android 开发中，我们经常使用 Material Design 来提高应用的用户体验。而其中最基础的组件之一就是 Toolbar，它的作用是为应用提供一个常见的导航栏。
然而，在使用 Toolbar 的时候，我们可能会遇到一个问题：与之重叠的 StatusBar。这个问题会导致界面布局变得混乱，影响用户体验。今天我们来解决这个问题。
问题原因
首先，我们需要了解一下这个问题的原因。在 Android 系统中，StatusBar 的高度是 24dp，而 Toolbar 默认的高度是 56dp。因此，当我们不做任何处理时，StatusBar 和 Toolbar 就会出现重叠的情况。
解决方案
为了解决这个问题，我们可以采用以下两种方案：
方案一：通过设置 marginTop
我们可以在布局文件中给 Toolbar 设置一个 marginTop 的值，使它的顶部下移，避免与 StatusBar 的重叠。具体做法如下：
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_marginTop="?attr/actionBarSize" />这里我们将 marginTop 的值设置为 "?attr/actionBarSize"，这个值就是 Toolbar 的高度，这样 Toolbar 的顶部就会下移，和 StatusBar 避免重叠。
方案二：通过设置 fitsSystemWindows
我们还可以通过给 Toolbar 设置 fitsSystemWindows 的属性来解决这个问题。这个属性的作用是让 Toolbar 和其父布局一起适应系统窗口，避免被系统 bar 遮挡。
具体做法如下：
-- -------------------- ---- -------
----------------------------------------------------
-----------------------------------
-------------------------------------
------------------------------------------------
-----------------------------------
-------------------------------------
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
-------------------------------- --
--------------------------------------------------
---- -------- ---
------------------------------------------------------在这个布局中，我们给 Toolbar 添加了一个 AppBarLayout 的父布局，并且在 Toolbar 中设置了 fitsSystemWindows 属性为 true。这样 Toolbar 就可以和系统 bar 一起适应了。
总结
通过以上两种方法，我们可以有效地解决 Material Design 中 Toolbar 和 StatusBar 重叠的问题。在实际开发中，我们可以根据项目需求选择适合自己的方法。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e42b93f6b2d6eab3f89fde