为什么按钮漂浮在RecyclerView顶部?

时间:2019-02-10 13:57:22

标签: android android-recyclerview android-constraintlayout

我有这样的布局:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <android.support.v7.widget.RecyclerView
        app:layout_constraintBottom_toBottomOf="parent"
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <Button
        android:id="@+id/btn_buy_more"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="Buy More"
        app:layout_constraintBottom_toBottomOf="@id/recycler_view" />

    <Button
        android:id="@+id/btn_checkout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="Checkout"
        app:layout_constraintBottom_toTopOf="@id/btn_buy_more" />

    <Button
        android:id="@+id/btn_logout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="Logout"
        app:layout_constraintBottom_toTopOf="@id/btn_checkout" />

</android.support.constraint.ConstraintLayout>

这是结果:

enter image description here

RecyclerView占据整个屏幕高度。而且按钮不在RecyclerView下方,而是漂浮在其顶部。这不是我想要的。

我想要的是固定在RecyclerView下面的按钮。该如何解决?

4 个答案:

答案 0 :(得分:3)

您已将layout_height中的recyclerView设置为match_parent,这将占用应用程序的全部高度。要解决此问题,您需要将其约束设置为注销按钮,并将layout_height设置为0dp

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        app:layout_constraintBottom_toTopOf="@id/btn_logout"
        app:layout_constraintTop_toTopOf="parent"
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"/>

    <Button
        android:id="@+id/btn_buy_more"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="Buy More"
        app:layout_constraintBottom_toBottomOf="parent" />

    <Button
        android:id="@+id/btn_checkout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="Checkout"
        app:layout_constraintBottom_toTopOf="@id/btn_buy_more" />

    <Button
        android:id="@+id/btn_logout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="Logout"
        app:layout_constraintBottom_toTopOf="@id/btn_checkout" />

</android.support.constraint.ConstraintLayout>

答案 1 :(得分:0)

您需要进行一些更改才能正确设置按钮

    <android.support.v7.widget.RecyclerView
       app:layout_constraintBottom_toBottomOf="parent"
       android:id="@+id/recycler_view"
       android:layout_width="match_parent"
       android:layout_height="match_parent" />
    </android.support.v7.widget.RecyclerView>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="warp_content"
        android:orientation="horizontal"/>

    <Button
     android:id="@+id/btn_buy_more"
     android:layout_width="match_parent"
     android:layout_height="50dp"
     android:text="Buy More"
     />

     <Button
        android:id="@+id/btn_checkout"
        android:layout_width="match_parent"
         android:layout_height="50dp"
        android:text="Checkout"
       />

    <Button
    android:id="@+id/btn_logout"
    android:layout_width="match_parent"
    android:layout_height="50dp"
     android:text="Logout"
     />

  </RelativeLayout>

答案 2 :(得分:0)

请勿在 ConstraintLayout 中使用match_parentmatch_parent在逻辑上与 ConstraintLayout 不相关。添加您的约束,如下所示:

<android.support.v7.widget.RecyclerView
    app:layout_constraintBottom_toBottomOf="parent"
    android:id="@+id/recycler_view"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toTopOf="@+id/btn_logout"
   />

答案 3 :(得分:0)

RecyclerView与父级匹配,甚至与父级的底部对齐。

<android.support.v7.widget.RecyclerView
    app:layout_constraintBottom_toBottomOf="parent"
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

相反,您应该将其约束到按钮上并匹配约束({{1}的高度或宽度)。

0dp