这里写一个纠结我一下午的问题,目的是写一个toolbar和状态栏相融合的沉浸式的样子,遇到各种各样的问题,还好最后慢慢解决了。

一.首先在活动中将状态栏设为透明

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); //这两句设为透明状态栏,5.0之前是不适配的,可以在这里加安卓版本判断条件
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
}

二. 设置toolbar的xml

一开始我的toolbar是这么写的
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize" //这里伏笔
android:background="@color/red"
android:theme="@style/ThemeOverlay.AppCompat.Light"
app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
app:titleTextColor="@color/color_gray" />

Toolbar融入状态栏实现沉浸式遇到的问题-LMLPHP

运行后如上图,toolbar向上偏移,导致标题等内容被状态栏遮盖。

然后经查阅,应该给toolbar加上

 android:fitsSystemWindows="true"

加上之后运行效果如下:

Toolbar融入状态栏实现沉浸式遇到的问题-LMLPHP

是有这个padding了...但是怎么toolbar的东西都跑出去了..

然后 我陷入了漫长的资料查询和各种方法尝试以及自我否定中...

终于两个小时后

 <androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize" //这里
android:layout_height="wrap_content" //这里
android:background="@color/red"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Light"
app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
app:titleTextColor="@color/color_gray" />
<!-- 这里一定设置minheight属性和layoutheight为wrap,否则会出现问题-->

可以看到minHeight和android:layout_height这两个属性,把layout_height设置为wrap就完全解决问题,运行如下:

Toolbar融入状态栏实现沉浸式遇到的问题-LMLPHP

嗯,虽然解决的方法很简单,但是困扰了我很久,说到底还是我思考不够全面,引以为戒。

大家如果有更好的解决方案可以在下方留言,我觉得好像这个toolbar这样写height又有点太高了。

05-15 05:58