Нижняя часть ScrollView обрезается при использовании ConstraintLayout

Question

У меня есть проблема с использованием ScrollView внутри ConstraintLayout (constraint-layout:1.0.0-beta3)

содержание моего ScrollView не показали полностью.

Вот мой макет:

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/activity_test" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:id="@+id/header" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toTopOf="parent" 
     android:background="#212121"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Constraint Layout" 
      android:textSize="45sp"/> 

    </LinearLayout> 

    <ScrollView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:layout_constraintTop_toBottomOf="@+id/header" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical"> 

      <Button 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="BUTTON" 
       android:layout_marginTop="800dp"/> 


     </LinearLayout> 

    </ScrollView> 

</android.support.constraint.ConstraintLayout> 

И вот результат

Как вы можете видеть, кнопка не видна, и я достиг дна моего ScrollView.

Он хорошо работает с LinearLayout с макетом ниже

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/activity_test" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:background="#212121"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Linear Layout" 
      android:textSize="45sp"/> 

    </LinearLayout> 

    <ScrollView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical"> 

      <Button 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="BUTTON" 
       android:layout_marginTop="800dp"/> 


     </LinearLayout> 

    </ScrollView> 

</LinearLayout> 

И результат

С LinearLayout конец ScrollView достижим.

Есть ли ошибка с ConstraintLayout или я сделал что-то неправильно?

Answer 1

Как я сделал бы это:

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/activity_test" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TextView 
     android:id="@+id/header" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="#212121" 
     android:text="Constraint Layout" 
     android:textSize="45sp" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toTopOf="parent" /> 

    <ScrollView 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:fillViewport="true" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/header"> 

     <android.support.constraint.ConstraintLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

      <Button 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_gravity="bottom" 
       android:text="BUTTON" 
       app:layout_constraintBottom_toBottomOf="parent" 
       app:layout_constraintLeft_toLeftOf="parent" 
       app:layout_constraintRight_toRightOf="parent" /> 

     </android.support.constraint.ConstraintLayout> 

    </ScrollView> 

</android.support.constraint.ConstraintLayout> 

Что дает:

несколько вещей, чтобы иметь в виду:

• вы этого не делают вам нужно использовать linearlayout для заголовка, вы можете просто использовать textview напрямую.
• не использовать match_parent, он может показаться сработавшим, но не определено. Вместо этого используйте 0dp с правильными ограничениями, чтобы растянуть представление по своему усмотрению.
• ясно, не используйте поле 800dp. Он может выглядеть нормально на вашем конкретном экране, но не даст вам то, что вы хотите на разных устройствах.
• scrollview по умолчанию будет обертывать его содержимое - атрибут fillViewport здесь, чтобы сделать это, занимает указанное пространство
• вы можете использовать вложенный ConstraintLayout, когда это имеет смысл. В будущем мы также можем воспользоваться этим, чтобы сделать некоторые улучшения производительности.

Answer 2

Я изменил высоту ScrollView на match_parent и добавил нижнее ограничение. Казалось, что он работает правильно.

<ScrollView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/header" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent"> 

Примечание: Имея высоту wrap_content на вертикально прокруткой зрения, как правило, не заканчивается хорошо, в любом макете.