Android sticky-footer : Align footer view to table, 直到达到屏幕大小，然后固定在底部

Question

这应该类似于 iOS tableview 页脚，也可以在各种网站中看到(粘性页脚)。

我想实现以下目标:

A 是具有可变行数的 RecyclerView。

当 A 小于屏幕(或父级)尺寸时，B(页脚)应放在最后一行的下方。

当A + B大于屏幕尺寸时，B固定在底部，A内容是可滚动的。

我们目前正在使用 onMeasure 函数执行此操作，该函数计算所有组件的高度，以便相应地调整 A 的大小。

我想知道是否有更简单的方法，也许是 ConstraintLayout。

Answer 1

将 A 和 B 放入垂直打包链中，偏置为 0 使其与顶部对齐。您还需要为 RecyclerView 设置 app:layout_constrainedHeight="true" ，以便在它变得太大而不适合它们时考虑其约束(父级的高度保持 match_parent 在这种情况下):

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    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">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/A"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constrainedHeight="true"
        app:layout_constraintVertical_chainStyle="packed"
        app:layout_constraintVertical_bias="0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/B" />

    <TextView
        android:id="@+id/B"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Footer"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/A"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

上述解决方案似乎不适用于 Constraintlayout:2.0.0-beta2，看起来像是该版本中引入的错误。适用于 2.0.0-beta1 和 1.1.3。

另一种方法是将父项的高度设置为 wrap_content，然后您可以使用默认的 chainstyle 并消除偏差:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    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="wrap_content">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/A"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constrainedHeight="true"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/B" />

    <TextView
        android:id="@+id/B"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Footer"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/A"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

此解决方案适用于所有版本。