ConstrainLayout无法对齐两个视图

Question

我想将 Sachin Textview与 Tendulkar Textview对齐。

截图：

设计时间我正确对齐。但它在app中失败了。

XML：

<TextView
        android:id="@+id/tvFirstName"
        style="@style/MediumBlack"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginTop="16dp"
        android:text="First Name: "
        app:layout_constraintHorizontal_bias="0.09"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tvLastName"
        style="@style/MediumBlack"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Last Name: "
        app:layout_constraintLeft_toLeftOf="@+id/tvFirstName"
        app:layout_constraintTop_toBottomOf="@+id/tvFirstName"
        android:layout_marginLeft="0dp"
        android:layout_marginTop="-10dp" />

    <TextView
        android:id="@+id/textView4"
        style="@style/SmallGray"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="0dp"
        android:text="Sachin"
        app:layout_constraintLeft_toRightOf="@+id/tvFirstName"
        app:layout_constraintBaseline_toBaselineOf="@+id/tvFirstName" />

    <TextView
        android:id="@+id/textView2"
        style="@style/SmallGray"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tendulkar"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBaseline_toBaselineOf="@+id/tvLastName"
        app:layout_constraintHorizontal_bias="0.47" />

  

是否有任何android studio-constraintlayout特定功能？

Answer 1

您对“Tendulkar”的约束导致TextView居中。您希望将TextView的左侧与“Sachin”的左侧对齐，如下所示：

<TextView
    android:id="@+id/textView2"
    style="@style/SmallGray"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Tendulkar"
    app:layout_constraintLeft_toLeftOf="@id/textView4"
    app:layout_constraintBaseline_toBaselineOf="@+id/tvLastName"/>

我也删除了偏见。