如何绘制<hr />就像在android中间的文本行一样

Question

我正在尝试创建以下布局：有一个 hr 样式行，我知道如何制作，但我无法在其上放置文本（OR），同样创建使用相对布局似乎不可能在中间使用带有文本的两条 hr 行。关于如何实现这一目标的任何提示？

Answer 1

您可以在没有任何可绘制的线条的情况下执行此操作。

对于“OR”两侧的线条，只需使用高度1（或您想要的任何厚度）制作视图，并使用您想要的背景颜色并适当放置它们。

尝试以下内容：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="5dp">

    <Button android:id="@+id/signInButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="30dp"
        android:layout_marginRight="30dp"
        android:background="#ff0000"
        android:textStyle="bold"
        android:textColor="#ffffff"
        android:text="SIGN IN WITH GOOGLE"/>

    <TextView android:id="@+id/or"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/signInButton"
        android:layout_centerHorizontal="true"
        android:textColor="#777777"
        android:text="OR"
        android:layout_marginTop="15dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp" />

    <View android:id="@+id/leftLine"
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:background="#777777"
        android:layout_alignLeft="@id/signInButton"
        android:layout_toLeftOf="@id/or"
        android:layout_alignTop="@id/or"
        android:layout_marginTop="7dp"/>

    <View android:id="@+id/rightLine"
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:background="#777777"
        android:layout_toRightOf="@id/or"
        android:layout_alignRight="@id/signInButton"
        android:layout_alignTop="@id/or"
        android:layout_marginTop="7dp"/>    

</RelativeLayout>