Android UI 控件 -CoordinatorLayout布局

最新推荐文章于 2024-12-09 10:04:14 发布

原创最新推荐文章于 2024-12-09 10:04:14 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

Ui控件专栏收录该内容

12 篇文章

订阅专栏

这篇博客介绍了如何在Android应用中使用CoordinatorLayout来实现高级的UI效果，特别是通过ScrollView的滑动来控制控件的显示和隐藏。文中详细阐述了CoordinatorLayout的导入、使用方法，以及在实现过程中需要注意的点，如需要在RecyclerView中添加监听，并用AppBarLayout包裹ToolBar以实现特定的滑动交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个效果呢，很久以前在一些大厂App上看到过，当时想的思路是通过 ScrollView的滑动设置控件的显示隐藏

接下来，说下CoordinatorLayout这个布局

1.支持

androidx.coordinatorlayout.widget.CoordinatorLayout

如果用的不是Androidx库的话需要额为的导入 desin包

2.使用

我的是实现的这个效果

整体的结构就是：

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        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">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center_vertical"
                app:layout_scrollFlags="scroll|enterAlways">
                ..........内容过多            
            </LinearLayout>
        </com.google.android.material.appbar.AppBarLayout>

        
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/vindicate_detail_rcy"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

3.注意点

1.因为CoordinatorLayout需要监听存在滑动的View所以需要在RecyclerView(滑动控件)中添加

app:layout_behavior="@string/appbar_scrolling_view_behavior"

2.因为我们需要根据滑动让ToolBar发生变化，需要让AppBarLayout进行包裹，当然功能不仅仅限于ToolBar，因为我就不是

只需要将我们想要发生变化的Layout放入AppBarLayout进行包裹就可以了，下边是我们想要实现效果设置的样式，不加入是没有效果的。

app:layout_scrollFlags="scroll|enterAlways"

scroll :只会把AppBarLayout顶上去，

enterAlways：会根据用户的手势，进行显示隐藏。