如何同时将按钮限制在屏幕底部和文本视图

Question

我有以下简单的应用程序设计。工具栏、文本视图和按钮。

我如何构建这样的布局设计：

当文本较小时，按钮被限制在屏幕底部
当文本较长时，它不会延伸到按钮下方，而是拉伸滚动视图的高度

编辑：这是下面描述的@MariosP 的解决方案。将按钮限制在文本视图和屏幕底部。但是，如果您这样做，您会看到该按钮默认为对两个约束进行平均，因此它在两个垂直方向之间平均浮动，这不是我想要的。诀窍是在按钮上使用 app:layout_constraintVertical_bias="1" 。这告诉布局您不希望按钮位于其垂直约束的中间，而是希望位于两个约束的最底部（底部边缘）。在 0 和 1 之间改变偏置数将使按钮沿着这些垂直约束滑动。如果您获得按钮悬停在其他文本视图上的布局，此信息将帮助您。

Answer 1

您可以使用带有 ConstraintLayout 子项的 ScrollView 来实现此行为。下面是 xml 布局：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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"
    android:background="@android:color/holo_blue_dark"
    android:fillViewport="true">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/constraintLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/button"
            android:layout_width="200dp"
            android:layout_height="80dp"
            android:text="Button"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toStartOf="parent"
            app:backgroundTint="@android:color/holo_red_light" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
            android:textColor="@android:color/white"
            android:textSize="16sp"
            android:layout_margin="40dp"
            app:layout_constraintVertical_bias="0"
            app:layout_constraintBottom_toTopOf="@+id/button"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/toolbar" />

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="0dp"
            android:layout_height="60dp"
            android:background="@android:color/holo_green_light"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</ScrollView>

带有小文本的结果：

带有长文本的结果（滚动到底部后）：

如何同时将按钮限制在屏幕底部和文本视图

How can I constrain a button to the bottom of the screen and a text view at the same time

android

android-constraintlayout