Question

美好的一天，我正在尝试设计一个与此类似的登录页面。问题是每当我添加 View 标签来创建水平线，并将其与单词“or”对齐。它没有达到与此图所示相同的效果。相反，它自己对齐 - alignBottomLine。

Answer 1

使用此：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal">
<View
    android:layout_height="2dp"
    android:layout_width="50dp"
    android:background="#000"
    android:layout_gravity="center"/>

<TextView
    android:layout_marginStart="10dp"
    android:layout_marginEnd="10dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="or"
    android:layout_gravity="center"/>

<View
    android:layout_height="2dp"
    android:layout_width="50dp"
    android:background="#000"
    android:layout_gravity="center"/>
</LinearLayout>

您可以更改layout_width的{{1}}来设置线条，颜色等的大小。

这是输出：

Answer 2

尝试使用该特定部分

View

Answer 3

您可以在单个textview中使用它来正常工作

<TextView
     android:drawablePadding="10dp"
     android:drawableLeft="@drawable/seprator_line.png"
     android:drawableRight="@drawable/seprator_line.png"/>

我希望这有帮助。

Answer 4

尝试这种方式对我有用

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        >

        <View
            android:layout_width="50dp"
            android:layout_height="1dp"
            android:background="@android:color/holo_red_dark"
            android:layout_gravity="center_vertical"
            />
    <TextView android:text="Or" android:layout_width="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_height="wrap_content" />

        <View
            android:layout_width="50dp"
            android:layout_height="1dp"
            android:background="@android:color/holo_red_dark"
            android:layout_gravity="center_vertical"
            />
    </LinearLayout>
</RelativeLayout>

Answer 5

         <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/forgot_password"
              >

            <View
                android:layout_width="fill_parent"
                android:layout_height="0.75dp"
                android:layout_centerVertical="true"
                android:layout_toLeftOf="@+id/tv_1"
                android:layout_marginLeft="50dp"
                android:background="#cecece" />

            <TextView
                android:id="@+id/tv_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:text="OR"
                android:textColor="#696969"
                android:textSize="13sp" />

            <View

                android:layout_width="fill_parent"
                android:layout_height="0.75dp"
                android:layout_marginRight="50dp"
                android:layout_centerVertical="true"
                android:layout_toRightOf="@+id/tv_1"
                android:background="#cecece" />
        </RelativeLayout>

我希望它有用

Answer 6

以下是我将如何做到这一点，

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#E73A4A">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_margin="16dp">

    <View
        android:layout_width="200dp"
        android:layout_height="2dp"
        android:layout_centerInParent="true"
        android:background="#F6828F" />

    <TextView
        android:layout_width="30dp"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="#E73A4A"
        android:text="or"
        android:textAlignment="center"
        android:textColor="#F6828F" />
</RelativeLayout>

登录页面中的水平线

6 个答案: