首页 > 解决方案 > 如何使用 view.GONE 处理 ConstraintLayout 水平和垂直

问题描述

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

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>

标签: javaandroidvisibilityandroid-constraintlayout

解决方案


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

构建列表时,可以通过其适配器控制项目的数量,以使用动画平滑地notifyItemRemoved(1)删除或notifyItemInserted(1)添加项目。notifyDataSetChanged()或者,您可以在更改数据集后轻松调用完整但性能不佳的适配器更新。


推荐阅读