CoordinatorLayout

CoordinatorLayout 是 Android 中一个非常强大的布局，它属于 androidx.coordinatorlayout.widget.CoordinatorLayout，常用于配合其他组件（如 AppBarLayout、FloatingActionButton 等）实现更复杂的交互效果。CoordinatorLayout 主要提供了以下特点和功能：

灵活的布局管理：
- CoordinatorLayout 可以通过 LayoutParams 让子视图之间进行协作和交互。例如，你可以让 FloatingActionButton 在用户滚动页面时随着 AppBarLayout 动态隐藏和显示，或者根据滑动的距离变化大小。
支持事件传递和拦截：
- CoordinatorLayout 支持事件拦截和传递，可以用来实现更复杂的交互，比如当用户滑动列表时自动显示或隐藏 Toolbar，或者在滑动时控制视图的滚动行为。
动态交互支持：
- 它提供了一些与用户交互的机制，比如：让 FloatingActionButton 根据滚动状态改变位置、显示/隐藏等效果，或是根据视图的滑动状态改变视图的外观。
配合其他组件：
- 它可以与其他 Android 组件共同使用，如 AppBarLayout（用于处理 Toolbar 和滚动视图的交互）、NestedScrollView（支持嵌套滚动）等。

常见的应用场景：

响应滚动事件：通常用于配合 AppBarLayout 及 CollapsingToolbarLayout 实现像 Google 的 Material Design 中那样的滚动效果。
实现浮动按钮交互：例如在用户滚动页面时让 FloatingActionButton 随着页面滚动而自动显示或隐藏。

示例代码：

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

    <!-- AppBarLayout 用于控制顶部的 Toolbar 和其他控件 -->
    <androidx.appcompat.widget.AppCompatImageView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:src="@drawable/sample_image" />

    <!-- NestedScrollView 里面可以嵌套其他内容，支持滚动 -->
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <!-- 你的其他内容 -->
        </LinearLayout>
        
    </androidx.core.widget.NestedScrollView>

    <!-- FloatingActionButton，配合 CoordinatorLayout 使用时支持动态交互 -->
    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_fab"
        app:layout_anchorGravity="bottom|end"
        app:layout_behavior="com.google.android.material.behavior.HideBottomViewOnScrollBehavior" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

在这个示例中，CoordinatorLayout 管理 AppBarLayout 和 NestedScrollView，并提供了浮动按钮（FloatingActionButton）的交互行为。

PreviousUI布局 Next数据存储

Last updated 7 months ago