ScrollView 中的 ConstraintLayout 不滚动答案

【问题标题】：ConstraintLayout within ScrollView not ScrollingScrollView 中的 ConstraintLayout 不滚动
【发布时间】：2017-10-30 00:40:47
【问题描述】：

我在底部有一个带有标题、5 个 TextView、5 个 Spinner 和 2 个按钮的屏幕，这导致第 5 组 TextView/Spinner 向底部离开屏幕。我已经搜索过在 ConstraintLayout 中有一个 ScrollView 并尝试了我发现的各种方法，将特定的高度和宽度设置为“0dp”并将约束添加到 ScrollView 本身，但仍然唯一发生的事情是出现了 5 个集合但是仍然不可滚动。我看到了一个与此类似的问题，但它们在底部没有任何内容，因此它们限制在父级的底部。我需要约束到底部按钮的顶部，以便我的按钮保持原位并且只有中间滚动，但是当我将底部约束设置为按钮顶部时，整个视图都会消失。

这是我当前的 XML

<?xml version="1.0" encoding="utf-8"?>
   <android.support.constraint.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="teamtriplej.com.lipidlator21.CardiolipinsActivity">

<Button
    android:id="@+id/btnSubmit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="30dp"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="16dp"
    android:background="@android:color/black"
    android:text="@string/Submit"
    android:textColor="@android:color/white"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintHorizontal_bias="0.761"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent" />

<Button
    android:id="@+id/btnBack"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="30dp"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="8dp"
    android:background="@android:color/black"
    android:text="@string/Back"
    android:textColor="@android:color/white"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintHorizontal_bias="0.216"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent" />

<TextView
    android:id="@+id/tvTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginTop="35dp"
    android:text="@string/CLConfiguration"
    android:textAlignment="center"
    android:textColor="@android:color/black"
    android:textSize="24sp"
    android:textStyle="bold"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp"
    app:layout_constraintHorizontal_bias="0.504" />
<ScrollView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@id/tvTitle">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
<TextView
    android:id="@+id/tvIon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="30dp"
    android:text="@string/Ion"
    android:textColor="@android:color/black"
    android:textSize="18sp"
    android:textStyle="bold"
    app:layout_constraintLeft_toLeftOf="parent"
    android:layout_marginStart="8dp" />

<Spinner
    android:id="@+id/spnIon"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="25dp"
    android:layout_marginRight="25dp"
    android:layout_marginTop="12dp"
    android:entries="@array/ion_array"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tvIon"
    android:layout_marginStart="25dp"
    android:layout_marginEnd="25dp" />

<TextView
    android:id="@+id/tvAcylChain"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="30dp"
    android:text="@string/sn1_1"
    android:textColor="@android:color/black"
    android:textSize="18sp"
    android:textStyle="bold"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/spnIon"
    android:layout_marginStart="8dp" />

<Spinner
    android:id="@+id/spnSn1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="25dp"
    android:layout_marginRight="25dp"
    android:layout_marginTop="12dp"
    android:entries="@array/sn_array"
    android:textColor="@android:color/black"
    android:textSize="18sp"
    android:textStyle="bold"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tvAcylChain"
    android:layout_marginStart="25dp"
    android:layout_marginEnd="25dp" />

<TextView
    android:id="@+id/tvSn1_3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="30dp"
    android:text="@string/sn1_3"
    android:textColor="@android:color/black"
    android:textSize="18sp"
    android:textStyle="bold"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/spnSn1"
    android:layout_marginStart="8dp" />

<Spinner
    android:id="@+id/spnSn1_3"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="25dp"
    android:layout_marginLeft="25dp"
    android:layout_marginRight="25dp"
    android:layout_marginStart="25dp"
    android:layout_marginTop="12dp"
    android:entries="@array/ratios_array"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tvSn1_3" />

<TextView
    android:id="@+id/tvSn2_1_Result"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="30dp"
    android:text="@string/sn2_1"
    android:textColor="@android:color/black"
    android:textSize="18sp"
    android:textStyle="bold"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/spnSn1_3"
    android:layout_marginStart="8dp" />

<Spinner
    android:id="@+id/spnSn2_1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="25dp"
    android:layout_marginLeft="25dp"
    android:layout_marginRight="25dp"
    android:layout_marginStart="25dp"
    android:layout_marginTop="12dp"
    android:entries="@array/ratios_array"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tvSn2_1_Result" />

<TextView
    android:id="@+id/tvSn2_3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/sn2_3"
    android:textColor="@android:color/black"
    android:textSize="18sp"
    android:textStyle="bold"
    android:layout_marginTop="30dp"
    app:layout_constraintTop_toBottomOf="@+id/spnSn2_1"
    android:layout_marginLeft="8dp"
    app:layout_constraintLeft_toLeftOf="parent"
    android:layout_marginStart="8dp" />

<Spinner
    android:id="@+id/spnSn2_3"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="25dp"
    android:layout_marginRight="25dp"
    android:layout_marginTop="8dp"
    android:entries="@array/ratios_array"
    android:textColor="@android:color/black"
    android:textSize="18sp"
    android:textStyle="bold"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tvSn2_3" />

    </android.support.constraint.ConstraintLayout>
</ScrollView>
</android.support.constraint.ConstraintLayout>

【问题讨论】：

因为一个屏幕可以放下所有的View，你可以设置一个View的android:layout_height="500dp"。你会在屏幕中滚动。
所以我应该在 Scrollview 中设置 android:layout_height="500dp" 而不是 wrap_content？
您可以在ConstraintLayout 中设置TextView 或Spinner 的高度。它会滚动。我在我的代码中尝试了它。它有效。
好吧，完美，我只是让我所有的微调器高一点，它可以工作，但现在我有一个新问题......滚动视图在到达底部按钮之前仍然没有停止......它在按钮后面滚动
你想在Button(submit)和Button(back)上方滚动查看。

标签： android android-studio android-scrollview android-constraintlayout

【解决方案1】：

在你的ScrolView中使用它

添加android:layout_height="0dp"和app:layout_constraintBottom_toTopOf="@id/btnBack"

  <ScrollView
    android:layout_width="0dp"
    android:id="@+id/scroll_view"
    android:layout_height="0dp"
    app:layout_constraintBottom_toTopOf="@+id/btnBack"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/tvTitle">

【讨论】：

我完全尝试了上面的内容，现在滚动视图在标题后面，仍然在按钮后面...我只是检查以确保我为按钮和标题使用了正确的 id，它们是正确
你可以再检查一下。@JoseMoreno
是的，当然......我想我刚刚意识到你想要做什么......我想我需要做边距+标题的高度和边距+高度按钮以覆盖所有边距
漂亮！非常感谢！对不起，我不能投票，没有足够的代表，但一旦我这样做，我会回到这个！