实现Edge to Edge后滚动时Top AppBar颜色异常及状态栏卡顿修复

问题根源 #

你的实现存在两个核心问题：

1. Insets处理层级错误：直接给Toolbar设置topMargin适配状态栏，破坏了AppBarLayout的滚动联动逻辑，滚动时触发频繁布局重绘，导致卡顿。
2. Insets被错误消费：返回WindowInsetsCompat.CONSUMED阻止父布局AppBarLayout获取Insets，使其无法将背景延伸到状态栏区域，滚动时出现颜色突变。

修复方案 #

步骤1：让AppBarLayout处理状态栏Insets

将Insets监听从Toolbar转移到AppBarLayout，通过设置paddingTop让AppBarLayout背景覆盖状态栏，同时让内部Toolbar自动适配位置：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    enableEdgeToEdge(SystemBarStyle.auto(Color.TRANSPARENT, Color.TRANSPARENT))

    val appBarLayout = findViewById<AppBarLayout>(R.id.app_bar_layout)
    ViewCompat.setOnApplyWindowInsetsListener(appBarLayout) { v, windowInsets ->
        val insets = windowInsets.getInsets(WindowInsetsCompat.Type.systemBars())
        // 设置paddingTop，让AppBarLayout背景延伸到状态栏
        v.setPadding(v.paddingLeft, insets.top, v.paddingRight, v.paddingBottom)
        // 不消费Insets，允许子View继续处理
        windowInsets
    }
}

步骤2：调整XML布局

给AppBarLayout添加唯一ID，并确保它不自动消费Insets：

<com.google.android.material.appbar.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clipChildren="false"
    android:transitionName="appbar"
    android:fitsSystemWindows="false"
    tools:ignore="UnusedAttribute">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        style="?toolbarStyle"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:background="?colorPrimary"
        android:minHeight="?actionBarSize"
        app:titleTextAppearance="@style/TextAppearance.Frames.ToolbarTitle"
        app:layout_scrollFlags="scroll|enterAlways|snap"/>

</com.google.android.material.appbar.AppBarLayout>

可选优化：使用Material官方Insets适配

若你使用Material Components 1.8.0及以上版本，可直接利用组件内置Insets支持，无需手动监听：

1. 在AppBarLayout中添加android:fitsSystemWindows="true"
2. 移除手动Insets监听代码，enableEdgeToEdge会自动处理状态栏透明和布局适配

修复逻辑说明 #

• AppBarLayout作为滚动容器父布局，处理Insets能保证滚动时背景始终覆盖状态栏，避免颜色突变
• 不消费Insets让子View正常获取布局参数，不会破坏scrollFlags的滚动动画逻辑，消除卡顿
• 通过padding而非margin调整布局，减少滚动时的重绘开销

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