问题

如何在 Android 布局中创建带有文本的线条。
类似于

--------------------或者----------------

英文:

How to create a line with text in android in layout.
Like

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

答案1

得分: 1

使用 ConstraintLayout

<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>

使用 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>

使用 RelativeLayout

<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 布局中创建或绘制带有文本的分隔线或分隔符？

英文:

1.if you want to use constraint layout

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

        &lt;View
            android:id=&quot;@+id/second_divider&quot;
            android:layout_width=&quot;0dp&quot;
            android:layout_height=&quot;1dp&quot;
            app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
            app:layout_constraintStart_toEndOf=&quot;@+id/text&quot;
            app:layout_constraintTop_toTopOf=&quot;parent&quot;
            app:layout_constraintEnd_toEndOf=&quot;parent&quot;
            android:background=&quot;@color/white80&quot;/&gt;

    &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;

2.if you want to use LinearLayout

 &lt;LinearLayout
        android:layout_width=&quot;match_parent&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:layout_marginTop=&quot;15dp&quot;
        android:orientation=&quot;horizontal&quot;&gt;

        &lt;View
            android:id=&quot;@+id/first_divider&quot;
            android:layout_width=&quot;0dp&quot;
            android:layout_height=&quot;1dp&quot;
            android:layout_weight=&quot;1&quot;
            android:layout_gravity=&quot;center_vertical&quot;
            android:background=&quot;@color/white80&quot;/&gt;

        &lt;TextView
            android:id=&quot;@+id/text&quot;
            android:layout_width=&quot;wrap_content&quot;
            android:layout_height=&quot;wrap_content&quot;
            android:textColor=&quot;@color/white80&quot;
            android:text=&quot;OR&quot;/&gt;

        &lt;View
            android:id=&quot;@+id/second_divider&quot;
            android:layout_width=&quot;0dp&quot;
            android:layout_height=&quot;1dp&quot;
            android:layout_gravity=&quot;center_vertical&quot;
            android:layout_weight=&quot;1&quot;
            android:background=&quot;@color/white80&quot;/&gt;

    &lt;/LinearLayout&gt;

3.if you want using relative layout

&lt;RelativeLayout
        android:layout_width=&quot;match_parent&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:layout_marginTop=&quot;15dp&quot;
        android:orientation=&quot;horizontal&quot;&gt;

        &lt;View
            android:id=&quot;@+id/first_divider&quot;
            android:layout_width=&quot;match_parent&quot;
            android:layout_height=&quot;1dp&quot;
            android:layout_toLeftOf=&quot;@+id/text&quot;
            android:layout_centerVertical=&quot;true&quot;
            android:background=&quot;@color/white80&quot;/&gt;

        &lt;TextView
            android:id=&quot;@+id/text&quot;
            android:layout_width=&quot;wrap_content&quot;
            android:layout_height=&quot;wrap_content&quot;
            android:layout_centerVertical=&quot;true&quot;
            android:layout_centerHorizontal=&quot;true&quot;
            android:textColor=&quot;@color/white80&quot;
            android:text=&quot;OR&quot;/&gt;

        &lt;View
            android:id=&quot;@+id/second_divider&quot;
            android:layout_width=&quot;match_parent&quot;
            android:layout_height=&quot;1dp&quot;
            android:layout_centerVertical=&quot;true&quot;
            android:layout_toRightOf=&quot;@+id/text&quot;
            android:background=&quot;@color/white80&quot;/&gt;

    &lt;/RelativeLayout&gt;

Here the result :

通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。

如何在 Android 布局中创建或绘制带有文本的分隔线或分隔符？

问题

答案1

Android工具栏与导航抽屉的问题

RabbitMQ中的@RabbitListener注解在Spring中不起作用（非spring-boot）

无法找到 /oauth/device/code Auth0 Java API。

如何评估Java运算符的求值

What's the correct way to type hint an empty list as a literal in python?

如何在Highcharts Gantt中更改本地化的星期名称

如何在同一个流中使用多个过滤器和映射函数？

如何使用Map/Set来将代码优化到O(n)？

.NET MAUI Android在GitHub Actions上构建失败，错误代码为1。

如何在Playwright视觉比较中屏蔽多个定位器？

在C++中，可以使用可变模板参数来检索类型的内部类型。

selenium.common.exceptions.StaleElementReferenceException: Message: stale element reference: stale element not found

Creating and opening a URL to log in to Website via Basic Auth with Robot Framework/Selenium (Python)

AG Grid 在上下文菜单中以大文本形式打开

发表评论