如何在布局 android 中创建或绘制带有文本的 Separator/Divider 行？

Question

如何在布局中用 android 中的文本创建一行。喜欢

--------------------OR----------------

Answer 1

1.if你想使用约束布局

<androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
        <View
            android:id="@+id/first_divider"
            android:layout_width="0dp"
            android:layout_height="1dp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/text"
            android:background="@color/white80"/>
        
        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toTopOf="@+id/first_divider"
            app:layout_constraintBottom_toBottomOf="@+id/first_divider"
            app:layout_constraintStart_toEndOf="@+id/first_divider"
            app:layout_constraintEnd_toStartOf="@+id/second_divider"
            android:textColor="@color/white80"
            android:text="OR"/>

        <View
            android:id="@+id/second_divider"
            android:layout_width="0dp"
            android:layout_height="1dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toEndOf="@+id/text"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            android:background="@color/white80"/>

    </androidx.constraintlayout.widget.ConstraintLayout>

2.if 你想使用 LinearLayout

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal">

        <View
            android:id="@+id/first_divider"
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1"
            android:layout_gravity="center_vertical"
            android:background="@color/white80"/>

        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/white80"
            android:text="OR"/>

        <View
            android:id="@+id/second_divider"
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"
            android:background="@color/white80"/>

    </LinearLayout>

3.if 你想使用 相对布局

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal">

        <View
            android:id="@+id/first_divider"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_toLeftOf="@+id/text"
            android:layout_centerVertical="true"
            android:background="@color/white80"/>

        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            android:textColor="@color/white80"
            android:text="OR"/>

        <View
            android:id="@+id/second_divider"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/text"
            android:background="@color/white80"/>

    </RelativeLayout>

这里是结果 :

如何在布局 android 中创建或绘制带有文本的 Separator/Divider 行？

How to Create or Drawing Separator/Divider Line with text in Layout android?

java

android

drawing

line

separator