ConstraintLayout - RecyclerView below Button not respecting constraints

时间:2017-11-03 18:16:42

标签: android android-constraintlayout

I have a RecyclerView and a button inside ConstraintLayout. I want the Button to be at the top and the RecyclerView below it. Tried setting app:layout_constraintTop_toBottomOf="@+id/button" to RecyclerView, but it's not respecting. It looks like this:

Result view

我想在Button下方使用RecyclerView。这是我的代码:

<android.support.constraint.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">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="48dp"
        android:layout_marginTop="16dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="16dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button" />

</android.support.constraint.ConstraintLayout>

我为Button设置parent的开始,顶部,结束和底部约束。对于RecyclerView,开始和结束parent和顶部约束到button的底部

我做错了什么?

2 个答案:

答案 0 :(得分:7)

我认为这应该解决它:

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="48dp"
    android:layout_marginTop="16dp"
    android:text="Button"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0" />

<android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerview"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginBottom="8dp"
    android:layout_marginTop="16dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/button" />

如果使用布局遇到问题,请使用相对或线性并转换它。

编辑:

说明:

  • 添加

应用程式:layout_constraintBottom_toBottomOf =&#34;父&#34;

将recyclelerview约束到父级的底部。

  • 将宽度和高度归零,以消除任何重写冲突。

答案 1 :(得分:3)

来自Build a Responsive UI with ConstraintLayout

  

您不能将match_parent用于ConstraintLayout中的任何视图。而是使用&#34;匹配约束&#34; (0dp)。