android - Android：开发类似 Facebook 的登录屏幕

Question

我正在尝试在我的 android 应用程序上开发一个屏幕，例如 facebook 登录（应用程序 iPhone/Android） 应用程序 Facebook 屏幕截图

如何在这两个编辑文本之间绘制分隔线：电子邮件和密码？

谢谢！！

Answer 1

要制作这样的效果，您只需制作自己的 9-patch 可绘制。我已经在我的应用程序上做过这样的事情看到这个

布局顶部可绘制未按下

布局顶部可绘制按下

布局底部可绘制未按下

按下布局底部可绘制对象

剩下的唯一一件事是为顶部编辑文本构建两个选择器，另一个为底部编辑文本构建选择器，并将它们设置为您的编辑文本的背景：

selector_top_editText.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/layout_top_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/layout_top_normal"/>

</selector>

selector_bottom_editText.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/layout_bottom_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/layout_bottom_normal"/>

</selector>

对于您的登录页面，您可以使用此布局

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


        <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:ems="10"
            android:inputType="textPersonName"
            android:background="@drawable/layout_top_selector" />

        <EditText
            android:id="@+id/editText2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:ems="10"
            android:inputType="textPassword" 
            android:background="@drawable/layout_bottom_selector"
            android:layout_below="@id/editText1"/>

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="46dp"
            android:text="Login" />

</RelativeLayout>

检查一下，如果发现问题，请与我联系

干杯

Answer 2

如果您想在视图之间画一条线，这将有所帮助

<View
         android:layout_width="fill_parent"
         android:layout_height="2dip"
         android:background="#FF909090" />

如果您正在寻找自定义 EditText，这些链接在这里和这里可能会对您有所帮助。