Android AppBarLayout 下层搜索栏滚动折叠Flag失效的解决方法

AppBarLayout 的滚动折叠逻辑存在硬性遍历规则：

1. 从AppBarLayout的第一个直接子View开始向下遍历，只要遇到没有配置scroll系列滚动flag的子View，就会直接中断整个折叠逻辑的初始化，后续所有配置了滚动flag的子View都会被忽略，完全不响应滚动事件。
2. 原有布局中，无滚动flag的logo栏是第一个子View，遍历到它时直接中断逻辑，因此后续搜索栏的滚动flag完全不起作用，不会触发任何折叠行为。
3. 当把带滚动flag的搜索栏移到第一个子View位置时，折叠逻辑可以正常初始化，但垂直排列的布局会让搜索栏显示在logo上方，不符合视觉设计要求。

不需要修改“logo在上、搜索栏在下”的视觉顺序，仅通过位置偏移和层级调整绕开遍历规则，就能同时满足折叠逻辑生效和视觉需求。

调整步骤 #

1. 调整子View顺序满足折叠逻辑启动条件
   将带滚动flag的搜索栏LinearLayout移到AppBarLayout的第一个直接子View位置，保证遍历过程中第一个碰到的就是可滚动View，让折叠逻辑正常初始化。
2. 通过translationY调换两个View的视觉位置
   两个View在布局上保持垂直排列（搜索栏在上、logo栏在下），但通过绘制位置偏移还原设计要求的视觉顺序：
   • 给搜索栏设置android:translationY="62dp"（数值等于logo栏的总高度：上下16dp padding + 30dp logo图 = 62dp），将搜索栏向下平移到logo栏下方的位置。
   • 给logo栏设置android:translationY="-58dp"（数值等于搜索栏的总高度：内部EditText高度 + 底部16dp padding ≈58dp），将logo栏向上平移到AppBarLayout的顶部位置。
3. 调整z轴层级避免遮挡
   给logo栏设置更高的android:translationZ="4dp"，高于搜索栏的translationZ=3dp，保证logo栏处于绘制上层，当搜索栏随滚动上移到logo区域时，会被自然遮挡，不会出现穿透显示。

调整后完整代码 #

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white"
    android:theme="@style/Theme.Kafein.AppBarOverlay">

    <!-- 第一个子View：可滚动搜索栏，满足折叠逻辑初始化要求 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="16dp"
        app:layout_scrollFlags="scroll|enterAlways|snap"
        android:translationY="62dp"> <!-- 平移到logo栏下方 -->

        <EditText
            android:id="@+id/top_search"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="24dp"
            android:background="@drawable/bg_search"
            android:textColor="@color/gray_dark"
            android:textColorHint="@color/gray"
            android:drawableStart="@drawable/icon_search"
            android:drawablePadding="12dp"
            android:focusable="false"
            android:fontFamily="@font/inter"
            android:hint="@string/home_search"
            android:padding="12dp"
            android:textSize="14sp" />
    </LinearLayout>

    <!-- 第二个子View：固定logo栏 -->
    <LinearLayout
        android:id="@+id/search"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="2dp"
        android:gravity="center_vertical"
        android:orientation="vertical"
        android:translationZ="4dp" <!-- 提升层级到搜索栏之上 -->
        android:translationY="-58dp"> <!-- 平移到AppBarLayout顶部 -->

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingHorizontal="24dp"
            android:paddingVertical="16dp">

            <ImageView
                android:layout_width="100dp"
                android:layout_height="30dp"
                android:src="@drawable/logo" />

            <ImageView
                android:id="@+id/search_icon"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true"
                android:src="@drawable/icon_search" />
        </RelativeLayout>
    </LinearLayout>

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

注意事项 #

• translationY的数值需要和两个View的实际测量高度完全一致，避免出现缝隙或重叠。如果需要适配不同屏幕尺寸，可以在代码中动态测量两个View的高度后再赋值，保证偏移量精准。
• logo栏不需要添加任何滚动flag，保持固定状态。滚动过程中只有搜索栏会产生位置移动，logo栏会一直固定在顶部，不会跟随滚动。
• 触摸事件不会出现穿透问题，因为z轴层级更高的logo栏会优先消费顶部区域的触摸事件，搜索栏在logo区域下方的部分不会收到触摸回调。

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