我想在Android应用程序中的两个视图之间添加分隔线

时间:2017-09-22 08:32:51

标签: android android-layout

我想添加分隔符(水平或垂直两个视图之间的平滑透明线)我如何实现这一点是我的示例代码。我需要在用户名和密码之间添加水平线(水平)以及用户图标之间和用户名提示(垂直)

<LinearLayout
            android:gravity="top"
            android:divider="?android:dividerHorizontal"
            android:layout_width="300dp"
            android:layout_marginLeft="20dp"
            android:layout_height="wrap_content"
            android:id="@+id/liner"
            android:orientation="vertical">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/user"
                android:id="@+id/username"
                android:textColor="#bbc"
                />
            <EditText
                android:layout_width="300dp"
                android:layout_height="wrap_content"
                android:hint="@string/usr_name"
                android:textColorHint="#bbc"
                android:backgroundTint="@android:color/transparent"
                android:textColor="@android:color/white"/>
        </LinearLayout>
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/paswd"
                android:id="@+id/password"
                android:textColor="#bbc"
                />
            <EditText
                android:layout_width="300dp"
                android:layout_height="wrap_content"
                android:hint="@string/passwd"
                android:textColorHint="#bbc"
                android:backgroundTint="@android:color/transparent"
                android:textColor="@android:color/white"/>
        </LinearLayout>
    </LinearLayout>

6 个答案:

答案 0 :(得分:3)

表示水平线

<LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="username"
            android:id="@+id/username"
            android:textColor="#bbc"
            />
        <View
            android:layout_width="0.5dp"
            android:layout_height="match_parent"
            android:background="#ebebeb"
            android:layout_margin="@dimen/margin_5"/>
        <EditText
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:hint="usr_name"
            android:textColorHint="#bbc"
            android:backgroundTint="@android:color/transparent"
            android:textColor="@android:color/white"/>
    </LinearLayout>

表示垂直线

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#cd2121"
        android:layout_margin="@dimen/margin_5"/>
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/text_10">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="password"
            android:id="@+id/password"
            android:textColor="#bbc"
            />
        <View
            android:layout_width="0.5dp"
            android:layout_height="match_parent"
            android:background="your color"
            android:layout_margin="@dimen/margin_5"/>
        <EditText
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:hint="password"
            android:textColorHint="#bbc"
            android:backgroundTint="@android:color/transparent"
            android:textColor="@android:color/white"/>
    </LinearLayout>

答案 1 :(得分:2)

为分隔线制作下面代码的可绘制文件,并在需要的地方使用它,也可根据您的选择更改颜色。

<View xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="0.7dp"
    android:background="#ebebeb" />

答案 2 :(得分:1)

在用户名和密码的两个线性布局之间使用以下内容:

<View
        android:id="@+id/line"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"/>

答案 3 :(得分:1)

尝试以下代码

<View xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="#cd2121" />

答案 4 :(得分:0)

只需在userName&amp;之间创建另一个视图passowrd

<View 
android:layout_width="match_parent" 
android:layout_height="2dp"
 android:color="@color/divider_color"
 android:id="@+id/divider" />

答案 5 :(得分:0)

您可以使用View标记添加分隔符,其中要分割的视图之间的高度(或垂直宽度,如果它是垂直的)为1dp:

<View
 android:id="@+id/line"
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:background="@color/yourColor/>