如何使用 view.GONE 处理 ConstraintLayout 水平和垂直

Question

已经在约束中使用垂直和水平链以使句柄可见性消失。但它们不足以完成我想做的事情。 我需要像这个例子一样设置一个视图：

1 2
3 4
5 6 

例如，当我将数字 2 设置为可见性消失时，数字 3 必须取代他的位置。

我尝试做这样的事情，但我什至没有接近..

`<androidx.constraintlayout.widget.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:orientation="vertical">


    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/paymentCardQR"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/green"
        app:layout_constraintBottom_toTopOf="@+id/paymentCardEfectivo"
        app:layout_constraintEnd_toStartOf="@+id/paymentCardTarjeta"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_chainStyle="packed">

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/paymentCardEfectivo"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/red"
        app:layout_constraintBottom_toTopOf="@+id/paymentCardCtaCliente"
        app:layout_constraintEnd_toStartOf="@+id/paymentCardVoucher"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/paymentCardQR">

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/paymentCardCtaCliente"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/green"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/paymentCardOnline"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/paymentCardEfectivo">

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/paymentCardTarjeta"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/gray"
        app:layout_constraintBottom_toTopOf="@+id/paymentCardVoucher"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/paymentCardQR"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_chainStyle="packed">

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/paymentCardVoucher"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/blue"
        app:layout_constraintBottom_toTopOf="@+id/paymentCardOnline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/paymentCardEfectivo"
        app:layout_constraintTop_toBottomOf="@+id/paymentCardTarjeta">

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/paymentCardOnline"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/black"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/paymentCardCtaCliente"
        app:layout_constraintTop_toBottomOf="@+id/paymentCardVoucher">

    </androidx.constraintlayout.widget.ConstraintLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

这不适用于 ConstraintLayout 恐怕，您应该使用 RecyclerView 并将每个视图放在一个单独的项目中，同时使用 GridLayoutManager 作为具有 2 个跨度的布局管理器。

创建列表时，可以通过其适配器控制项目的数量，使用notifyItemRemoved(1) 删除或notifyItemInserted(1) 使用动画平滑添加项目。或者，您可以在更改数据集后轻松致电notifyDataSetChanged() 进行完整但非高性能的适配器更新。