android - ConstraintLayout - 动态设置约束
问题描述
多个的基本示例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_C
在下方显示constLayout_B
(并隐藏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
动态更改顶部约束?
解决方案
您的布局 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 中的便利,而不是考虑以编程方式设置
推荐阅读
- mysql - 如何插入从节点快递到 MySQL db 的多个列
- sapb1 - 如何将销售订单数据插入到用户定义的表中
- mockito - Mockito.spy 执行不同的代码库
- excel - Excel - 生成显示满足多种形式标准的单元格的列表
- javascript - 为什么我的子菜单与另一个子元素重叠?
- python - 有没有更简单的方法来制作 4 行 15 个精灵?
- python - 在 PySpark 中 Group By 之后从可用行创建 JSON 结构
- reactjs - 如何在使用下一个路由器时解决未处理的运行时错误
- node.js - Firestore Timestamp 变量抛出 TypeError: startDate.toMillis is not a function
- c# - HttpWebResponse().GetResponse 超时