CoordinatorLayout中设置layout_behavior的布局无法垂直居中问题解决

最新推荐文章于 2024-03-22 09:24:13 发布

和小胖

最新推荐文章于 2024-03-22 09:24:13 发布

阅读量2.6k

点赞数

分类专栏： android小日子记录文章标签： CoordinatorLayout中布局 AppBarLayout阴影去除

本文链接：https://blog.csdn.net/submit66/article/details/78067463

版权

在项目中使用CoordinatorLayout实现顶部吸顶效果，遇到内容无法垂直居中和AppBarLayout阴影去除的问题。通过分析布局和layout_scrollFlags属性的影响，找到解决方案：动态设置layout_scrollFlags以兼顾顶部滑动和内容居中。最终实现了一个满足需求的滚动效果页面。

摘要由CSDN通过智能技术生成

这两天项目中需要实现一个页面，大致的布局是顶部一块区域是一部分内容，然后下面是一个title条，这个title条下面是一个列表，因为列表的数据可能有很多，所以这个页面是需要整体进行滑动的，因为只让下面的listview滚动的话，那么下面的展示区域就太小了，因为我们的listview的Item内容也比较多，但是说如果是scrollview嵌套listview，那么那个title条也会被滚动出屏幕，但是我们的那个title条里面还有触发下面listview删除、修改的功能，所以不能滚动出屏幕，需要有一个吸顶的效果。

考虑过用stickylistheaderslistview，但是未免太麻烦了，所以我们自然而然的选择了Material Design中很有滚动效果的CoordinatorLayout了，它也很擅长做这类滚动至屏幕顶端然后停止滚动的事情。接下来就跟以前似得开始写代码了，xml布局如下：

                <android.support.design.widget.CoordinatorLayout
                    android:overScrollMode="never"
                    android:layout_alignParentTop="true"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                    <android.support.design.widget.AppBarLayout
                        android:overScrollMode="never"
                        app:elevation = "0dp"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">

                        <android.support.design.widget.CollapsingToolbarLayout
                            android:id="@+id/collapsingToolbarLayout"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:overScrollMode="never"
                            app:layout_scrollFlags="scroll|exitUntilCollapsed">

                            <LinearLayout

                                android:id="@+id/firstLl"

                                android:orientation="vertical"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content">

                                <TextView
                                    android:layout_width="match_parent"
                                    android:layout_height="49dip"
                                    android:background="@color/color_ffffff"
                                    android:drawableLeft="@drawable/user_details_icon_basic"
                                    android:drawablePadding="5dip"
                                    android:gravity="center_vertical"
                                    android:paddingLeft="16dip"
                                    android:text="a信息"
                                    android:textColor="@color/color_3399ff"