RecyclerView搜索过滤结果前两项被Toolbar遮挡问题求解
你的布局有几个硬伤,和搜索逻辑本身没关系,全是布局约束写乱导致的:
- MainActivity里的
FragmentContainerView写死了409dp宽、673dp高,这是你在设计预览里拖控件自动生成的硬编码值,换个分辨率直接错位。而且这个容器上下都直接约束到父布局的顶/底,完全没管上面的Toolbar、下面的BottomNavigationView,等于Fragment的布局范围直接盖在了两个固定栏下面,之前靠手动加padding、margin凑位置,只要布局状态变了(比如搜索框展开、列表刷新),凑出来的位置就失效。 - 你给RecyclerView加的
app:layout_behavior="@string/appbar_scrolling_view_behavior"完全没用,这个属性只有当RecyclerView的直接父布局是CoordinatorLayout时才会生效,你不管Activity还是Fragment的根布局都是ConstraintLayout,加这个属性只会导致列表刷新时出现莫名其妙的位置偏移。 - RecyclerView上带的
app:layout_constraintVertical_bias="0.674"、tools:layout_editor_absoluteX="0dp"全是设计预览生成的冗余属性,会干扰正常的布局计算。 - 你在Fragment根布局、RecyclerView上加的硬编码
paddingTop、layout_marginBottom都是凑出来的固定值,没有和实际的控件位置绑定,搜索过滤后列表刷新,RecyclerView自动回到顶部位置时,硬编码边距计算不对,就会把前两个列表项露在Toolbar下面。
1. 改MainActivity布局
首先给你的AppBarLayout加上id:android:id="@+id/appBarLayout",然后把FragmentContainerView的硬编码宽高、错误约束全删掉,改成正确约束到AppBar底部、BottomNavigationView顶部:
<androidx.fragment.app.FragmentContainerView android:id="@+id/fragment" android:name="androidx.navigation.fragment.NavHostFragment" android:layout_width="match_parent" android:layout_height="0dp" app:defaultNavHost="true" app:layout_constraintTop_toBottomOf="@id/appBarLayout" app:layout_constraintBottom_toTopOf="@id/bottomNavigationView" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" app:navGraph="@navigation/navigation" />
改完之后Fragment的显示区域就会被自动限制在Toolbar和底部导航中间,不会再被两个固定栏覆盖,适配所有屏幕尺寸。
2. 改Fragment布局
删掉所有冗余的padding、margin、无效的behavior、预览生成的垃圾属性,让RecyclerView填满整个Fragment布局即可:
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainFragment"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/chatsRecyclerView" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingTop="10dp" android:clipToPadding="false" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"/> </androidx.constraintlayout.widget.ConstraintLayout>
这里把原来的layout_marginTop="10dp"换成paddingTop="10dp"加android:clipToPadding="false",是为了列表滚动时内容可以滑到顶部padding区域,不会留死空白,滚动体验更好;原来硬编码的70dp底部margin直接删掉,Fragment已经约束到底部导航上方,不需要再留边距。
3. 可选体验优化
如果搜索提交过滤结果后列表自动跳位置,不要用notifyDataSetChanged()全量刷新,改用DiffUtil做列表差异增量更新,或者提交数据后手动调用chatsRecyclerView.scrollToPosition(0)校准位置即可。
改完之后不管是普通列表加载、展开搜索框、过滤刷新结果,RecyclerView的第一项都会固定在Toolbar下方,不会再出现被遮挡的问题。
内容的提问来源于stack exchange,提问作者giannismparous

