请解释属性app:layout_behavior="@string/appbar_scrolling_view_behavior"的含义与用法

Hey there, let's break down this ubiquitous Android layout attribute that powers those sleek Material Design scrolling interactions. If you've ever built a screen with a collapsing toolbar or a toolbar that hides on scroll, you've probably encountered this line—here's everything you need to know:

一、核心定义 #

First off, this attribute is a Behavior for CoordinatorLayout—the Material Design layout container that enables coordinated interactions between child views.

The string @string/appbar_scrolling_view_behavior is a pre-defined alias (from the Material Design library) pointing to the actual class:

• For AndroidX: com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior
• For the old support library: android.support.design.widget.AppBarLayout$ScrollingViewBehavior

In short, it's a specialized behavior that links a scrollable view (like RecyclerView, NestedScrollView) with an AppBarLayout to create scrolling-dependent animations.

二、核心作用 #

This behavior acts as the communication bridge between your scrollable content and the AppBarLayout. Here's what it does:

• Listens for scroll events from the scrollable view (e.g., when you scroll up/down a RecyclerView).
• Transmits those scroll events to the AppBarLayout, triggering its child views (like Toolbar or CollapsingToolbarLayout) to respond according to their app:layout_scrollFlags settings.
• Ensures smooth, synchronized animations—like collapsing a large header into a compact toolbar, or sliding the toolbar off-screen when scrolling up, then bringing it back when scrolling down.

Without this behavior, the scrollable view and AppBarLayout would act independently, with no coordinated interaction.

三、典型使用场景 #

You'll use this attribute whenever you want to create Material Design-style scrolling interactions. Here are the most common cases:

1. Collapsing Toolbar with Header Image #

Think of screens where a large header image sits above a toolbar, and scrolling down collapses the image into a fixed toolbar. For example:

• A profile screen with a cover photo that collapses into a user name toolbar.
• A details screen with a hero image that folds into a title bar.

The setup would look like this (simplified):

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="250dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <!-- Header Image -->
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"/>

            <!-- Toolbar -->
            <androidx.appcompat.widget.Toolbar
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"/>

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

    <!-- Scrollable content with the behavior -->
    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

2. Auto-Hiding Toolbar #

When you want the toolbar to slide off-screen when scrolling up (to maximize content space) and slide back in when scrolling down. For this, you'd set your Toolbar's app:layout_scrollFlags="scroll|enterAlways" and attach the behavior to your scrollable view.

3. Coordinating with Other Material Components #

While the primary link is between the scrollable view and AppBarLayout, this behavior also enables secondary interactions—like making a FloatingActionButton hide/show in sync with the toolbar's scroll state (you'd add a separate behavior to the FAB for that).

四、关键注意事项 #

• Parent Layout Requirement: This behavior only works if the parent layout is CoordinatorLayout—other layouts don't support the CoordinatorLayout Behavior system.
• Scrollable View Compatibility: The scrollable view must implement the NestedScrollingChild interface. This includes RecyclerView, NestedScrollView, and ViewPager2 (with a scrollable child). Plain ScrollView won't work because it doesn't support nested scrolling.
• Matching Scroll Flags: Don't forget to set app:layout_scrollFlags on the child views of AppBarLayout. Without these flags, the AppBarLayout won't know how to respond to scroll events from the behavior. Common flags include:
  • scroll: The view will scroll off-screen with the content.
  • enterAlways: The view will slide back in when scrolling down, even if you haven't reached the top of the content.
  • exitUntilCollapsed: The view will collapse to its minimum height (e.g., the toolbar's height) instead of scrolling completely off-screen.

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