约束布局中的动态高度对齐
dynamic height alignment in constraintlayout
我有3个textview，其中的文本可以动态变化，我需要让它们彼此相等，它们的高度大于那个高度并取为所有。我正在尝试使用障碍，但没有得到积极的结果，我也尝试将所有文本视图的高度设置为 0dp，但所有文本视图随后都消失了，我可以为一个文本视图 wrap_content 和另一个 0dp 设置高度，但随后它们将仅在第一个文本视图中相等。当我使用 linearlayout 时我做到了，但是使用 constraintlayout 我不明白该怎么做。
xml:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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="match_parent">
<TextView
android:id="@+id/label_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginEnd="15dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="test 1"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone2"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/coefficient_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:fontFamily="@font/gothic"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone1"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/label_zone1" />
<TextView
android:id="@+id/consumption_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:fontFamily="@font/gothic"
android:gravity="center|center_vertical"
android:text="1234567"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone1"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone1"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="15dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="test 2"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone3"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone1"
app:layout_constraintTop_toTopOf="@+id/label_zone1" />
<TextView
android:id="@+id/coefficient_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:fontFamily="@font/gothic"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone2"
app:layout_constraintStart_toStartOf="@+id/label_zone2"
app:layout_constraintTop_toBottomOf="@+id/label_zone2" />
<TextView
android:id="@+id/consumption_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:fontFamily="@font/gothic"
android:gravity="center|center_vertical"
android:text="1234567"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone2"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone2"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="test 3"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone2"
app:layout_constraintTop_toTopOf="@+id/label_zone2" />
<TextView
android:id="@+id/coefficient_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:fontFamily="@font/gothic"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone3"
app:layout_constraintTop_toBottomOf="@+id/label_zone3" />
<TextView
android:id="@+id/consumption_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:fontFamily="@font/gothic"
android:gravity="center|center_vertical"
android:text="12345678"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone3"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone3"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="coefficient_zone1,coefficient_zone2,coefficient_zone3" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3" />
<TextView
android:id="@+id/label_calculated_indicators"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="title title title title"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/consumption_zone1" />
</androidx.constraintlayout.widget.ConstraintLayout>
正如 Nikos Hidalgo 在对您的问题的评论中所述，这是 Stack Overflow 上的一个常见问题。我遇到了四种方法来实现一组视图的共同宽度 and/or 共同高度。不幸的是，none 是理想的。
这里是一个屏幕截图，显示了四种方法中的三种获取公共维度的方法。此屏幕的 XML 位于此 post 的末尾。
嵌入式线性布局
这可能是最简单的方法。将 TextViews 放置在水平 LinearLayout 中，将它们的高度设置为 MATCH_PARENT。将 LinearLayout 的高度设置为 WRAP_CONTENT 一切都会成功。这种方式的好处是它的简单性。负面影响包括嵌套布局的开销以及 LinearLayout 内的任何视图无法连接到 LinearLayout 外的任何视图 - 它们变成一个岛。
看不见的风景
这可能是最复杂的处理方式，但根据布局可能没问题。设置障碍物来调整一组视图高度的基本问题是障碍物的放置取决于视图的高度，而视图的高度取决于障碍物的放置。这是一个参考难题，不适用于 ConstraintLayout.
的当前版本
invisible view解决方法是将需要调整高度的view复制为invisible view。为这些不可见的视图设置顶部和底部屏障。将可见视图的高度设置为 MATCH_CONSTRAINTS 并将顶部连接到顶部屏障，将底部连接到底部屏障。
这种方法的好处是它完全是扁平的并且只涉及 ConstraintLayout。缺点是它会根据要调整的视图数量、它的复杂性和复杂性带来的一切增加视图计数。
约束布局大小助手
第三种方法是使用自定义 ConstraintHelper 来更改视图的高度。自定义 ConstraintHelper 像任何其他视图一样插入到布局的 XML 中，并参考要调整的视图。
这种方法的好处是所有更改都保存在 XML 中。缺点是必须引用和维护自定义 class。
监听更新Width/Height
最后一种方法是使用全局布局侦听器、布局侦听器等自定义高度调整代码。这类似于 ConstraintHelper 方法，但存在于 XML 之外并且可能没有很好地封装。
也可以使用自定义 ConstraintLayout 或自定义 TextView[=77 对自定义视图进行编码以将视图的高度设置为最大高度=].
布局示例
<TextView
android:id="@+id/textView2_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="Embedded LinearLayout"
app:layout_constraintBottom_toTopOf="@+id/layout2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed"
tools:ignore="HardcodedText" />
<LinearLayout
android:id="@+id/layout2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:background="@android:color/holo_blue_bright"
app:layout_constraintBottom_toTopOf="@id/textView3_0"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView2_0">
<TextView
android:id="@+id/textView2_1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:layout_weight="1"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView2_2"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginEnd="24dp"
android:layout_weight="1"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView2_3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginEnd="24dp"
android:layout_weight="1"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
tools:ignore="HardcodedText" />
</LinearLayout>
<TextView
android:id="@+id/textView3_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="Invisible Views"
app:layout_constraintBottom_toTopOf="@id/textView3_2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/layout2"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView3_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintEnd_toStartOf="@+id/textView3_2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/textView3_2"
tools:visibility="invisible"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView3_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintBottom_toTopOf="@id/textView5_0"
app:layout_constraintEnd_toStartOf="@+id/textView3_3"
app:layout_constraintStart_toEndOf="@+id/textView3_1"
app:layout_constraintTop_toBottomOf="@id/textView3_0"
tools:visibility="invisible"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView3_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView3_2"
app:layout_constraintTop_toTopOf="@+id/textView3_2"
tools:visibility="invisible"
tools:ignore="HardcodedText" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrierTop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="top"
app:constraint_referenced_ids="textView3_1,textView3_2,textView3_3" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrierBottom"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="textView3_1,textView3_2,textView3_3" />
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@android:color/holo_blue_bright"
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/barrierTop" />
<TextView
android:id="@+id/textView4_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toStartOf="@+id/textView4_2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/barrierTop"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView4_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toStartOf="@+id/textView4_3"
app:layout_constraintStart_toEndOf="@+id/textView4_1"
app:layout_constraintTop_toBottomOf="@+id/barrierTop"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView4_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView4_2"
app:layout_constraintTop_toBottomOf="@+id/barrierTop"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView5_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="ConstraintLayout Size Helper"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/barrierBottom"
tools:ignore="HardcodedText" />
<View
android:id="@+id/view"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@android:color/holo_blue_bright"
app:layout_constraintBottom_toBottomOf="@id/textView5_1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/textView5_1" />
<TextView
android:id="@+id/textView5_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintEnd_toStartOf="@+id/textView5_2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/textView5_2"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView5_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintEnd_toStartOf="@+id/textView5_3"
app:layout_constraintStart_toEndOf="@+id/textView5_1"
app:layout_constraintTop_toBottomOf="@+id/textView5_0"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView5_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView5_2"
app:layout_constraintTop_toTopOf="@+id/textView5_2"
tools:ignore="HardcodedText" />
<com.example.constraintsizehelper.ConstraintSizeHelper
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:constraint_referenced_ids="textView5_1,textView5_2,textView5_3"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:setCommonWidth="true"
app:setCommonHeight="true"
tools:layout_height="120dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>
这是使用 Constraint Size Helper class（未提供）的布局的简化版本：
及其XML：
activity_main.xml
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/label_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 1"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone2"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/coefficient_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone1"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/label_zone1" />
<TextView
android:id="@+id/consumption_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:gravity="center|center_vertical"
android:text="0"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone1"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone1"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 2"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone3"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone1"
app:layout_constraintTop_toTopOf="@+id/label_zone1" />
<TextView
android:id="@+id/coefficient_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone2"
app:layout_constraintStart_toStartOf="@+id/label_zone2"
app:layout_constraintTop_toBottomOf="@+id/label_zone2" />
<TextView
android:id="@+id/consumption_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:gravity="center|center_vertical"
android:text="12345678"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone2"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone2"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:gravity="center"
android:text="test 3"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone2"
app:layout_constraintTop_toTopOf="@+id/label_zone2" />
<TextView
android:id="@+id/coefficient_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone3"
app:layout_constraintTop_toBottomOf="@+id/label_zone3" />
<TextView
android:id="@+id/consumption_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:gravity="center|center_vertical"
android:text="1234567890"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone3"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone3"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="coefficient_zone1,coefficient_zone2,coefficient_zone3" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3" />
<TextView
android:id="@+id/label_calculated_indicators"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="center"
android:text="title title title title"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/consumption_zone1" />
<com.example.myapplication.ConstraintSizeHelper
android:layout_width="wrap_content"
android:layout_height="wrap_content"
tools:layout_height="120dp"
app:setCommonWidth="false"
app:setCommonHeight="true"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3"/>
</androidx.constraintlayout.widget.ConstraintLayout>
As per I understand your question try to use horizontal chain for "consumption_zone" all textviews.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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="match_parent">
<TextView
android:id="@+id/label_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 1"
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone2"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/coefficient_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone1"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/label_zone1" />
<TextView
android:id="@+id/label_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 2"
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone3"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone1"
app:layout_constraintTop_toTopOf="@+id/label_zone1" />
<TextView
android:id="@+id/coefficient_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone2"
app:layout_constraintStart_toStartOf="@+id/label_zone2"
app:layout_constraintTop_toBottomOf="@+id/label_zone2" />
<TextView
android:id="@+id/coefficient_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone3"
app:layout_constraintTop_toBottomOf="@+id/label_zone3" />
<TextView
android:id="@+id/label_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:gravity="center"
android:text="test 3"
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone2"
app:layout_constraintTop_toTopOf="@+id/label_zone2" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="coefficient_zone1,coefficient_zone2,coefficient_zone3" />
<TextView
android:id="@+id/consumption_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:gravity="center|center_vertical"
android:text="123456789"
android:textColor="@color/colorAccent"
android:textSize="24sp"
android:layout_marginStart="10dp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toStartOf="@+id/consumption_zone2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/consumption_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:gravity="center|center_vertical"
android:text="123456789"
android:textColor="@color/colorAccent"
android:textSize="24sp"
android:layout_marginStart="5dp"
android:layout_marginEnd="5dp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toStartOf="@+id/consumption_zone3"
app:layout_constraintStart_toEndOf="@+id/consumption_zone1"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/consumption_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:gravity="center|center_vertical"
android:text="123456789"
android:textColor="@color/colorAccent"
android:textSize="24sp"
android:layout_marginEnd="10dp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/consumption_zone2"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3" />
</androidx.constraintlayout.widget.ConstraintLayout>
我有3个textview，其中的文本可以动态变化，我需要让它们彼此相等，它们的高度大于那个高度并取为所有。我正在尝试使用障碍，但没有得到积极的结果，我也尝试将所有文本视图的高度设置为 0dp，但所有文本视图随后都消失了，我可以为一个文本视图 wrap_content 和另一个 0dp 设置高度，但随后它们将仅在第一个文本视图中相等。当我使用 linearlayout 时我做到了，但是使用 constraintlayout 我不明白该怎么做。
xml:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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="match_parent">
<TextView
android:id="@+id/label_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginEnd="15dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="test 1"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone2"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/coefficient_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:fontFamily="@font/gothic"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone1"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/label_zone1" />
<TextView
android:id="@+id/consumption_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:fontFamily="@font/gothic"
android:gravity="center|center_vertical"
android:text="1234567"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone1"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone1"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="15dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="test 2"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone3"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone1"
app:layout_constraintTop_toTopOf="@+id/label_zone1" />
<TextView
android:id="@+id/coefficient_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:fontFamily="@font/gothic"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone2"
app:layout_constraintStart_toStartOf="@+id/label_zone2"
app:layout_constraintTop_toBottomOf="@+id/label_zone2" />
<TextView
android:id="@+id/consumption_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:fontFamily="@font/gothic"
android:gravity="center|center_vertical"
android:text="1234567"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone2"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone2"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="test 3"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone2"
app:layout_constraintTop_toTopOf="@+id/label_zone2" />
<TextView
android:id="@+id/coefficient_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:fontFamily="@font/gothic"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone3"
app:layout_constraintTop_toBottomOf="@+id/label_zone3" />
<TextView
android:id="@+id/consumption_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:fontFamily="@font/gothic"
android:gravity="center|center_vertical"
android:text="12345678"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone3"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone3"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="coefficient_zone1,coefficient_zone2,coefficient_zone3" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3" />
<TextView
android:id="@+id/label_calculated_indicators"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:fontFamily="@font/gothic_bold"
android:gravity="center"
android:text="title title title title"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/consumption_zone1" />
</androidx.constraintlayout.widget.ConstraintLayout>
正如 Nikos Hidalgo 在对您的问题的评论中所述，这是 Stack Overflow 上的一个常见问题。我遇到了四种方法来实现一组视图的共同宽度 and/or 共同高度。不幸的是，none 是理想的。
这里是一个屏幕截图，显示了四种方法中的三种获取公共维度的方法。此屏幕的 XML 位于此 post 的末尾。
嵌入式线性布局
这可能是最简单的方法。将 TextViews 放置在水平 LinearLayout 中，将它们的高度设置为 MATCH_PARENT。将 LinearLayout 的高度设置为 WRAP_CONTENT 一切都会成功。这种方式的好处是它的简单性。负面影响包括嵌套布局的开销以及 LinearLayout 内的任何视图无法连接到 LinearLayout 外的任何视图 - 它们变成一个岛。
看不见的风景
这可能是最复杂的处理方式，但根据布局可能没问题。设置障碍物来调整一组视图高度的基本问题是障碍物的放置取决于视图的高度，而视图的高度取决于障碍物的放置。这是一个参考难题，不适用于 ConstraintLayout.
的当前版本invisible view解决方法是将需要调整高度的view复制为invisible view。为这些不可见的视图设置顶部和底部屏障。将可见视图的高度设置为 MATCH_CONSTRAINTS 并将顶部连接到顶部屏障，将底部连接到底部屏障。
这种方法的好处是它完全是扁平的并且只涉及 ConstraintLayout。缺点是它会根据要调整的视图数量、它的复杂性和复杂性带来的一切增加视图计数。
约束布局大小助手
第三种方法是使用自定义 ConstraintHelper 来更改视图的高度。自定义 ConstraintHelper 像任何其他视图一样插入到布局的 XML 中，并参考要调整的视图。
这种方法的好处是所有更改都保存在 XML 中。缺点是必须引用和维护自定义 class。
监听更新Width/Height
最后一种方法是使用全局布局侦听器、布局侦听器等自定义高度调整代码。这类似于 ConstraintHelper 方法，但存在于 XML 之外并且可能没有很好地封装。
也可以使用自定义 ConstraintLayout 或自定义 TextView[=77 对自定义视图进行编码以将视图的高度设置为最大高度=].
布局示例
<TextView
android:id="@+id/textView2_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="Embedded LinearLayout"
app:layout_constraintBottom_toTopOf="@+id/layout2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed"
tools:ignore="HardcodedText" />
<LinearLayout
android:id="@+id/layout2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:background="@android:color/holo_blue_bright"
app:layout_constraintBottom_toTopOf="@id/textView3_0"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView2_0">
<TextView
android:id="@+id/textView2_1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:layout_weight="1"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView2_2"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginEnd="24dp"
android:layout_weight="1"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView2_3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginEnd="24dp"
android:layout_weight="1"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
tools:ignore="HardcodedText" />
</LinearLayout>
<TextView
android:id="@+id/textView3_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="Invisible Views"
app:layout_constraintBottom_toTopOf="@id/textView3_2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/layout2"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView3_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintEnd_toStartOf="@+id/textView3_2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/textView3_2"
tools:visibility="invisible"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView3_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintBottom_toTopOf="@id/textView5_0"
app:layout_constraintEnd_toStartOf="@+id/textView3_3"
app:layout_constraintStart_toEndOf="@+id/textView3_1"
app:layout_constraintTop_toBottomOf="@id/textView3_0"
tools:visibility="invisible"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView3_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView3_2"
app:layout_constraintTop_toTopOf="@+id/textView3_2"
tools:visibility="invisible"
tools:ignore="HardcodedText" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrierTop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="top"
app:constraint_referenced_ids="textView3_1,textView3_2,textView3_3" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrierBottom"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="textView3_1,textView3_2,textView3_3" />
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@android:color/holo_blue_bright"
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/barrierTop" />
<TextView
android:id="@+id/textView4_1"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toStartOf="@+id/textView4_2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/barrierTop"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView4_2"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toStartOf="@+id/textView4_3"
app:layout_constraintStart_toEndOf="@+id/textView4_1"
app:layout_constraintTop_toBottomOf="@+id/barrierTop"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView4_3"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
app:layout_constraintBottom_toTopOf="@id/barrierBottom"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView4_2"
app:layout_constraintTop_toBottomOf="@+id/barrierTop"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView5_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="ConstraintLayout Size Helper"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/barrierBottom"
tools:ignore="HardcodedText" />
<View
android:id="@+id/view"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@android:color/holo_blue_bright"
app:layout_constraintBottom_toBottomOf="@id/textView5_1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/textView5_1" />
<TextView
android:id="@+id/textView5_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintEnd_toStartOf="@+id/textView5_2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/textView5_2"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView5_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
app:layout_constraintEnd_toStartOf="@+id/textView5_3"
app:layout_constraintStart_toEndOf="@+id/textView5_1"
app:layout_constraintTop_toBottomOf="@+id/textView5_0"
tools:ignore="HardcodedText" />
<TextView
android:id="@+id/textView5_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:background="@android:color/white"
android:gravity="center"
android:text="This is the TextView that has the maximum height."
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView5_2"
app:layout_constraintTop_toTopOf="@+id/textView5_2"
tools:ignore="HardcodedText" />
<com.example.constraintsizehelper.ConstraintSizeHelper
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:constraint_referenced_ids="textView5_1,textView5_2,textView5_3"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:setCommonWidth="true"
app:setCommonHeight="true"
tools:layout_height="120dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>
这是使用 Constraint Size Helper class（未提供）的布局的简化版本：
及其XML：
activity_main.xml
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/label_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 1"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone2"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/coefficient_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone1"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/label_zone1" />
<TextView
android:id="@+id/consumption_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:gravity="center|center_vertical"
android:text="0"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone1"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone1"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 2"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone3"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone1"
app:layout_constraintTop_toTopOf="@+id/label_zone1" />
<TextView
android:id="@+id/coefficient_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone2"
app:layout_constraintStart_toStartOf="@+id/label_zone2"
app:layout_constraintTop_toBottomOf="@+id/label_zone2" />
<TextView
android:id="@+id/consumption_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:gravity="center|center_vertical"
android:text="12345678"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone2"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone2"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/label_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:gravity="center"
android:text="test 3"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone2"
app:layout_constraintTop_toTopOf="@+id/label_zone2" />
<TextView
android:id="@+id/coefficient_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone3"
app:layout_constraintTop_toBottomOf="@+id/label_zone3" />
<TextView
android:id="@+id/consumption_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:background="@drawable/input_border"
android:gravity="center|center_vertical"
android:text="1234567890"
android:textColor="@color/orange"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="@+id/coefficient_zone3"
app:layout_constraintStart_toStartOf="@+id/coefficient_zone3"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="coefficient_zone1,coefficient_zone2,coefficient_zone3" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3" />
<TextView
android:id="@+id/label_calculated_indicators"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="center"
android:text="title title title title"
android:textAllCaps="true"
android:textColor="@color/blue"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/consumption_zone1" />
<com.example.myapplication.ConstraintSizeHelper
android:layout_width="wrap_content"
android:layout_height="wrap_content"
tools:layout_height="120dp"
app:setCommonWidth="false"
app:setCommonHeight="true"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3"/>
</androidx.constraintlayout.widget.ConstraintLayout>
As per I understand your question try to use horizontal chain for "consumption_zone" all textviews.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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="match_parent">
<TextView
android:id="@+id/label_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 1"
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone2"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/coefficient_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone1"
app:layout_constraintStart_toStartOf="@+id/label_zone1"
app:layout_constraintTop_toBottomOf="@+id/label_zone1" />
<TextView
android:id="@+id/label_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="15dp"
android:gravity="center"
android:text="test 2"
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/label_zone3"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone1"
app:layout_constraintTop_toTopOf="@+id/label_zone1" />
<TextView
android:id="@+id/coefficient_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone2"
app:layout_constraintStart_toStartOf="@+id/label_zone2"
app:layout_constraintTop_toBottomOf="@+id/label_zone2" />
<TextView
android:id="@+id/coefficient_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center"
android:text="text="
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="@+id/label_zone3"
app:layout_constraintStart_toStartOf="@+id/label_zone3"
app:layout_constraintTop_toBottomOf="@+id/label_zone3" />
<TextView
android:id="@+id/label_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="10dp"
android:gravity="center"
android:text="test 3"
android:textAllCaps="true"
android:textColor="@color/colorAccent"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toEndOf="@+id/label_zone2"
app:layout_constraintTop_toTopOf="@+id/label_zone2" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="coefficient_zone1,coefficient_zone2,coefficient_zone3" />
<TextView
android:id="@+id/consumption_zone1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:gravity="center|center_vertical"
android:text="123456789"
android:textColor="@color/colorAccent"
android:textSize="24sp"
android:layout_marginStart="10dp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toStartOf="@+id/consumption_zone2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/consumption_zone2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:gravity="center|center_vertical"
android:text="123456789"
android:textColor="@color/colorAccent"
android:textSize="24sp"
android:layout_marginStart="5dp"
android:layout_marginEnd="5dp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toStartOf="@+id/consumption_zone3"
app:layout_constraintStart_toEndOf="@+id/consumption_zone1"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<TextView
android:id="@+id/consumption_zone3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:gravity="center|center_vertical"
android:text="123456789"
android:textColor="@color/colorAccent"
android:textSize="24sp"
android:layout_marginEnd="10dp"
app:layout_constraintBottom_toBottomOf="@+id/barrier2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/consumption_zone2"
app:layout_constraintTop_toBottomOf="@+id/barrier" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="consumption_zone1,consumption_zone2,consumption_zone3" />
</androidx.constraintlayout.widget.ConstraintLayout>