ConstraintLayout - 动态设置约束答案

【问题标题】：ConstraintLayout - Dynamically set constraintsConstraintLayout - 动态设置约束
【发布时间】：2020-02-27 01:48:31
【问题描述】：

多个ConstrainLayout的基本示例：

<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="wrap_content"
    android:id="@+id/constLayout_root"
    >

    <android.support.constraint.ConstraintLayout
        android:id="@+id/constLayout_A"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="#ff0"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

    <android.support.constraint.ConstraintLayout
        android:id="@+id/constLayout_B"
        android:layout_width="30dp"
        android:layout_height="40dp"
        android:background="#f0f"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

    <android.support.constraint.ConstraintLayout
        android:id="@+id/constLayout_C"
        android:layout_width="30dp"
        android:layout_height="50dp"
        android:background="#0f0"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/constLayout_A"
        />

</android.support.constraint.ConstraintLayout>

constLayout_B 覆盖constLayout_A，constLayout_C 现在显示在constLayout_A 下方。

现在我需要以编程方式更改约束并在constLayout_B 下方显示constLayout_C（并隐藏constLayout_A）。

我曾尝试以这种方式将它们链接在一起：

final ConstraintSet cs_C = new ConstraintSet();
cs_C.connect(constLayout_C.getId(), ConstraintSet.TOP, constLayout_B.getId(), ConstraintSet.BOTTOM);
cs_C.connect(constLayout_C.getId(), ConstraintSet.BOTTOM, ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM);
cs_C.connect(constLayout_C.getId(), ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START);
cs_C.connect(constLayout_C.getId(), ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END);
cs_C.applyTo(constLayout_C);

final ConstraintSet cs_B = new ConstraintSet();
cs_B.connect(constLayout_B.getId(), ConstraintSet.TOP, ConstraintSet.PARENT_ID, ConstraintSet.TOP);
cs_B.connect(constLayout_B.getId(), ConstraintSet.BOTTOM, constLayout_C.getId(), ConstraintSet.TOP);
cs_B.connect(constLayout_B.getId(), ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START);
cs_B.connect(constLayout_B.getId(), ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END);
cs_B.applyTo(constLayout_B);

我的ConstraintSet 由于某种原因没有被申请。如何动态更改constLayout_C 的顶部约束？

【问题讨论】：

您是否考虑过使用 ConstraintSet 进行动态约束，也许您可以附上您现在拥有的以及您期望的图像？
我确实尝试过 ConstraintSet，但没有被应用
你能展示一下你对 ConstraintSet 的尝试吗？
@ParagPawar 问题已更新
好的，如果我理解正确，请告诉我。约束 C 附加到 A 的底部，现在您想将 C 附加到 B 的底部并隐藏 A，对吗？

标签： android android-constraintlayout constraintset

【解决方案1】：

您的布局 B 与布局 A 重叠，因为您将肉汤的 app:layout_constraintTop_toBottomOf 属性设置为 parent。并且以编程方式设置约束布局边距不是一个好习惯。像这样设置你的布局

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

<android.support.constraint.ConstraintLayout
    android:id="@+id/constLayout_A"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:layout_marginTop="24dp"
    android:background="#ff0"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.501"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<android.support.constraint.ConstraintLayout
    android:id="@+id/constLayout_B"
    android:layout_width="30dp"
    android:layout_height="40dp"
    android:layout_marginTop="17dp"
    android:background="#f0f"
    android:visibility="gone"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.498"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/constLayout_A" />

<android.support.constraint.ConstraintLayout
    android:id="@+id/constLayout_C"
    android:layout_width="30dp"
    android:layout_height="50dp"
    android:layout_marginTop="16dp"
    android:background="#0f0"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.498"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/constLayout_B" />

</android.support.constraint.ConstraintLayout>

请记住使用 constrainLayout 的目的是它为我们提供了拖放视图并在 Layout 中设置它的便利，而不是考虑以编程方式设置它

【讨论】：

【解决方案2】：

XML 布局中的约束 B 具有可见性 Gone。

<android.support.constraint.ConstraintLayout
    android:id="@+id/constLayout_B"
    android:layout_width="30dp"
    android:layout_height="40dp"
    android:background="#f0f"
    android:visibility="gone"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    />

在 XML 中或在代码中的约束集更改期间将其更改为 VISIBLE。在应用更改之前，请确保您使用的是 ConstraintSet.clone()。

【讨论】：