AppBar高度设置导致ViewPager被向下挤压的问题求助

看起来你遇到了一个典型的CoordinatorLayout布局协调问题——手动硬编码AppBarLayout的高度打破了系统自带的布局逻辑，导致ViewPager无法正确占据剩余空间。我来帮你分析原因并给出解决方案：

问题根源 #

你通过setStatusBarHeight() + dpToPx(48 + 56)手动设置了AppBarLayout的固定高度，但实际上：

1. 你已经给CoordinatorLayout和AppBarLayout设置了android:fitsSystemWindows="true"，这个属性会自动让AppBarLayout适配状态栏空间（顶部添加padding，避免内容被状态栏遮挡），不需要手动把状态栏高度加到AppBarLayout的总高度里。
2. 硬编码子控件的高度（48+56dp）很容易出现误差，因为不同设备的dp转换像素值、系统控件的实际高度可能和你预期的不一样，而且wrap_content原本可以自动适配子控件的真实高度。
3. 手动固定高度后，appbar_scrolling_view_behavior无法正确计算ViewPager应该占据的剩余空间，导致ViewPager被向下挤压。

最优解决方案（推荐） #

直接移除手动设置高度的代码，让系统自动处理布局：

• 删除setAppBarHeight()以及相关的getStatusBarHeight()、dpToPx()方法。
• 保留布局中CoordinatorLayout和AppBarLayout的android:fitsSystemWindows="true"属性，它会自动处理状态栏的适配。
• AppBarLayout的android:layout_height="wrap_content"会自动适配Toolbar和TabLayout的总高度，ViewPager则通过app:layout_behavior="@string/appbar_scrolling_view_behavior"自动占据剩余的屏幕空间。

特殊场景下的自定义高度方案（不推荐） #

如果你确实有特殊需求必须手动设置AppBarLayout的高度，那应该动态获取子控件的真实高度，而不是硬编码：

private fun setAppBarHeight() {
    val appBarLayout: AppBarLayout = findViewById(R.id.appbar)
    val toolbar: Toolbar = findViewById(R.id.toolbar)
    val tabLayout: TabLayout = findViewById(R.id.tabs)
    
    // 必须等待布局完成后才能获取真实高度，所以用post延迟执行
    appBarLayout.post {
        val totalChildHeight = toolbar.height + tabLayout.height
        appBarLayout.layoutParams.height = totalChildHeight
        appBarLayout.requestLayout()
    }
}

注意：这里不需要再加状态栏高度，因为fitsSystemWindows="true"已经处理了状态栏的padding，AppBarLayout的高度只需要包含子控件的高度即可。

额外的布局优化 #

你的ViewPager所在的ConstraintLayout已经设置了app:layout_behavior="@string/appbar_scrolling_view_behavior"，里面的ViewPager不需要重复设置这个属性，移除后可以避免布局冲突：

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/contentContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/app_bar_main"
    tools:context=".MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:background="@color/colorPrimary"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</android.support.constraint.ConstraintLayout>

内容的提问来源于stack exchange，提问作者AT Amrani