android - 使用不同的视图进行对齐，以便它们彼此居中对齐

Question

Android Studio 3.5.3

我有以下 xml 并使用 constraintLayout 将 2 个视图和 TextView 相互对齐。但是，视图需要固定在 45dp 的 MarginTop。我需要调整 textview 的 MarginTop 以使它们看起来像水平对齐。我认为必须有更好的方法。所以基本上，视图需要是 45dp 的 MarginTop 并且 TextView 应该看起来像水平对齐，而无需调整 MarginTop 来尝试补偿。

     <View
        android:id="@+id/lineRight"
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_marginTop="45dp"
        android:layout_marginEnd="16dp"
        app:layout_constraintEnd_toStartOf="@+id/tvOr"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/bt_login"
        android:background="@android:color/darker_gray"/>

    <TextView
        android:id="@+id/tvOr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="34dp"
        android:fontFamily="@font/roboto_regular"
        android:text="OR"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/bt_login" />

    <View
        android:id="@+id/lineLeft"
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_marginTop="45dp"
        android:layout_marginStart="16dp"
        app:layout_constraintStart_toEndOf="@+id/tvOr"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/bt_login"
        android:background="@android:color/darker_gray"/>

这是我要实现的目标的图像：

标签： androidandroid-constraintlayout

Answer 1

您可以将其垂直约束tvOr到其中一个视图，比如说左侧，然后像这样删除 marginTop：

<TextView
        android:id="@+id/tvOr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/roboto_regular"
        android:text="OR"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/lineLeft"
        app:layout_constraintBottom_toBottomOf="@id/lineLeft"/>

这样，TextView 将与左行垂直居中。