如何在 Android 的 ConstraintLayout 中具有相同的垂直权重？

Question

我正在使用约束布局，我想要的是在 group1 和 group2 以及 group2 和屏幕结束之间具有相同的垂直权重（宽度）。在 LinearLayout 中，我会将一组放在垂直 LinearLayout 中，将 group2 放在与垂直 LinearLayout 相同的位置，然后将这两个布局放在父垂直 LinearLayout 中并将权重设置为 1。但是如何在 ConstraintLayout 中做到这一点？

这是我想要实现的目标：

但我不知道如何在 ConstraintLayout 中做到这一点。

这是我的代码：

<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/constrait"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:minHeight="47dp"
app:layout_constraintVertical_chainStyle="spread"
app:layout_constraintVertical_weight="4"
tools:context="example.com.constrait.MainActivity">

<TextView
    android:id="@+id/textView7"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:text="TextView"
    app:layout_constraintStart_toStartOf="parent"
    tools:layout_editor_absoluteY="24dp" />

<EditText
    android:id="@+id/editText6"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:background="@drawable/rounded_border_edittext"
    android:ems="10"
    android:inputType="textPersonName"
    app:layout_constraintEnd_toEndOf="@+id/textView7"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/textView7" />

<TextView
    android:id="@+id/textView8"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    android:text="TextView"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/editText6" />

<EditText
    android:id="@+id/editText8"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:background="@drawable/rounded_border_edittext"
    android:ems="10"
    android:inputType="textPersonName"
    app:layout_constraintEnd_toEndOf="@+id/textView8"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/textView8" />

Answer 1

<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/constrait"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:minHeight="47dp"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView7"
        android:layout_width="0dp"
        android:layout_height="16dp"
        android:text="TextView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/editText6"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="textPersonName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView7" />

    <TextView
        android:id="@+id/textView8"
        android:layout_width="0dp"
        android:layout_height="15dp"
        android:text="TextView"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <EditText
        android:id="@+id/editText8"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="textPersonName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView8" />

</android.support.constraint.ConstraintLayout>

逻辑是顶部文本视图与父顶部对齐，所有约束与父级对齐的第二个文本视图将位于屏幕的中心。

Answer 2

通过使用CHAIN_SPREAD，您走在了正确的轨道上——元素将被展开（默认样式）。链的默认行为是将元素平均分布在可用空间中。如果一个或多个元素正在使用MATCH_CONSTRAINT，它们将使用可用的空白空间（彼此平均分配）。

从constraintView 中删除layout_constraintVertical_weight="4"。

所以你把每个组的textview 和editText 放在一个垂直的LinearLayout 中。您有两个 LinearLayout，因为有两个组。将layout_constraintVertical_weight="1" 添加到这两个LinearLayouts。然后将 LinearLayout 的大小都设置为MATCH_CONSTRAINT（或“0dp”），链中的剩余空间将根据layout_constraintVertical_weight 中定义的权重在它们之间分配。