android - 如何制作多编辑文本？

Question

如何为登录和注册页面制作多个编辑文本，如下图所示？

提前致谢。

Answer 1

首先获取圆形背景（/res/drawable/round_rect.xml）：

    <?xml version="1.0" encoding="utf-8"?>

    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
        <corners android:radius="30dp"/>
        <solid android:color="@android:color/white"/>
        <stroke android:width="1dp" android:color="@android:color/black"/>

    </shape>

现在布局：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/round_rect"
    android:gravity="center"
    android:layout_gravity="center"
    android:padding="10dp"
    android:layout_margin="30dp"
    >

    <EditText android:id="@+id/user_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@null"
        android:hint="User name"
        android:padding="6dp"
        />
    <View android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="@android:color/black"
        />
    <EditText android:id="@+id/password"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@null"
        android:hint="Password"
        android:padding="6dp"
        />
</LinearLayout>

结果：

Answer 2

这是我的做法：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/box"
    android:orientation="vertical">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="@color/light_grey" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

具有@drawable/box适当的可绘制形状或 9-patch。您当然必须适当地设置 EditTexts 和所有内容的样式。

Answer 3

//试试这样

    <EditText
            android:id="@+id/edit_text_first_name"
            style="@style/style_edittext"
            android:hint="@string/user_name"
            android:layout_marginTop="@dimen/margin_1"
            android:layout_weight="1"
            android:background="@null"
            />

    <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#555533"
            />

    <EditText
            android:id="@+id/password"
            style="@style/style_edittext"
            android:hint="@string/Password"
            android:inputType="textPassword"
            android:layout_weight="1"
            android:background="@null"
            />

</LinearLayout>

Answer 4

试试这个

主要的.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="1" >

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="0.90"
        android:gravity="center"
        android:orientation="vertical"
        android:weightSum="1" >

        <LinearLayout
            android:id="@+id/linearLayout4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.01"
            android:background="@drawable/custom_layout"
            android:orientation="vertical"
            android:paddingLeft="1dp"
            android:paddingRight="1dp" >

            <EditText
                android:id="@+id/editText_login_username"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@null"
                android:hint="Username"
                android:inputType="textEmailAddress"
                android:maxLines="1"
                android:padding="10dp" >

                <requestFocus>
                </requestFocus>
            </EditText>

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/LightGrey" />

            <EditText
                android:id="@+id/editText_login_password"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@null"
                android:hint="Password"
                android:inputType="textPassword"
                android:maxLines="1"
                android:padding="10dp" >
            </EditText>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

可绘制/custom_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <corners        
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp" />        


    <solid
        android:color="#ffffff" />
    <stroke
        android:width="0.3dp"
        android:color="#000000" />
</shape>

颜色

<color name="LightGrey">#D3D3D3</color>

Answer 5

它只是一个在另一个之上，然后你玩背景。没有双倍的东西EditText