如何在中间带有文本的元素之间放置分隔线 android？

Question

我正在尝试设计我的 android 应用程序，因此我需要在中间创建一个带有文本的分隔线。我使用此代码 XML 创建分隔线：

   <View
    style="?android:attr/listSeparatorTextViewStyle"
    android:layout_width="fill_parent"
    android:layout_height="1dp"
    android:layout_below="@+id/login_button"
    android:layout_marginTop="20dp"
    android:background="@android:color/white"
/>

但是我不知道怎么把文字放在中间。

像这样：-------- 文本 -------- 但一条连贯的线

Answer 1

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:text="-----------------------------"
    android:textColor="#ffff00" />

<TextView
    android:id="@+id/but_book_now"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
   android:background="@android:color/transparent"
    android:text="This is button"
    android:textColor="#ffff00" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:text="-----------------------------"
    android:textColor="#ffff00" />

Answer 2

为了将来参考，这里有一个简单的解决方案，可以根据父级的宽度适当调整大小，并显示连续的分隔线。

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

    <View android:layout_width="match_parent"
          android:layout_height="1dp"
          android:layout_centerVertical="true"
          android:layout_marginStart="40dp"
          android:layout_marginEnd="8dp"
          android:layout_toStartOf="@id/sep_text"
          android:background="@android:color/black"/>

    <TextView android:id="@+id/sep_text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_centerInParent="true"
              android:text="misc"/>

    <View android:layout_width="match_parent"
          android:layout_height="1dp"
          android:layout_centerVertical="true"
          android:layout_marginStart="8dp"
          android:layout_marginEnd="40dp"
          android:layout_toEndOf="@id/sep_text"
          android:background="@android:color/black"/>

</RelativeLayout>

可以通过sep_text ID 访问该文本。高度已固定为 40dp，但可以更改为 wrap_content。

如何在中间带有文本的元素之间放置分隔线 android？

how to put divider line between elements with text in the middle android?

xml

layout

android

text

divider