android - 底部的锚点视图 - ConstraintLayout
问题描述
ConstraintLayout
我正在尝试根据以下要求使用 UI 。
如果列表中的项目较少且未触及底部,请在下方textView
显示。recyclerView
如果列表很长,那么textView
必须锚定在底部,它不应该移出屏幕。
任何人都可以帮我解决这个问题吗?
这是示例代码:
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/lighterGrey"
android:paddingBottom="@dimen/space_20"
tools:context=".ui.settings.AddressFragment">
<androidx.appcompat.widget.Toolbar
android:id="@+id/address_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/black"
app:layout_constraintTop_toTopOf="parent" />
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/address_toolbar"
app:layout_constraintBottom_toBottomOf="parent">
<TextView
android:id="@+id/address_profile_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/space_20"
android:padding="@dimen/space_12"
android:text="@string/address_profile_label"
android:textColor="@color/grey"
android:textSize="@dimen/text_medium"
android:textStyle="bold"
app:layout_constraintTop_toTopOf="parent" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/address_profile_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/space_8"
android:background="@color/white"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintTop_toBottomOf="@id/address_profile_title" />
<TextView
android:id="@+id/address_shipping_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/space_20"
android:padding="@dimen/space_12"
android:text="@string/address_shipping_label"
android:textColor="@color/grey"
android:textSize="@dimen/text_medium"
android:textStyle="bold"
app:layout_constraintTop_toBottomOf="@id/address_profile_list" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/address_shipping_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/space_8"
android:background="@color/white"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintTop_toBottomOf="@id/address_shipping_title" />
<TextView
android:id="@+id/address_add_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/space_20"
android:padding="@dimen/space_12"
android:text="@string/address_add_new_label"
android:textColor="@color/black"
android:textSize="@dimen/text_medium"
android:textStyle="bold"
app:layout_constraintTop_toBottomOf="@id/address_shipping_list" />
<com.google.android.material.progressindicator.CircularProgressIndicator
android:id="@+id/address_progress"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/space_150"
android:indeterminate="true"
android:indeterminateTint="@color/black"
android:minWidth="@dimen/spinner_min"
android:minHeight="@dimen/spinner_min"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
请让我知道所需的更正。
解决方案
使用( match_constraints )设置RecyclerView的宽度和高度。当你这样做时,将 start/top/end/bottom 约束设置为. 不应用于ConstraintLayout的子级。0dp
parent
match_parent
将RecyclerView设置为垂直偏移为0.0
. 这会将TextView移动到RecyclerView的正下方,并将RecyclerView移动到布局的顶部。
对于RecyclerView集app:layout_constraintHeight_default="wrap"
。这将导致RecyclerView在但不超过其约束的限制时包装其内容。见这里。
这是一个示例布局:
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@android:color/holo_blue_light"
app:layout_constraintBottom_toTopOf="@+id/textView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHeight_default="wrap"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0"
app:layout_constraintVertical_chainStyle="packed"
tools:itemCount="50" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
android:textAppearance="@style/TextAppearance.AppCompat.Large"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/recyclerView" />
</androidx.constraintlayout.widget.ConstraintLayout>
您可以更改RecyclerView的项目计数以查看它是如何工作的。
这是项目计数为 50 的布局:
项目计数为 25:
推荐阅读
- selenium - 在使用 Selenium 的嵌入式 hellosign 区域的警报窗口中单击“确定”按钮
- docker - Wso2 API Manager 作为 docker compose 奇怪地处理 IP
- ios - 如何自定义collectionView单元格?
- reporting-services - SSRS - 折线图超过最大 Y 值
- react-native - 如何在 react native 中使用 react-native-azure-ad-2 从 Microsoft 获取 idToken?
- python - 如何在视图中删除带有条件的obj
- mysql - SQLSTATE[HY000]: errno: 150 "外键约束格式不正确
- ios - 当整个屏幕设置为 RTL 时,我们如何将语义更改为 tableview 单元格的 LTR?
- java - Java:如何生成 KeyPair 形式的私钥,只使用没有 BouncyCastle 的纯 Java.Security?
- string - 使用应用程序语言(最好是批处理脚本)拆分出现次数可变的字符串