创建精美的登录框

Question

Android Studio 0.2.11

我是Android编程的新手，只是想知道我需要做些什么才能创建一个如下所示的精美登录框。我不是要求任何人为我做这件事。但是我需要采取什么样的控制来帮助这样的事情？

非常感谢任何建议，

Answer 1

一旦熟悉linearlayout和relativelayout，就可以轻松实现。

Here is a cloning of the higlight login screen.

这有助于我进行UI设计。希望你发现它很有用。

Answer 2

我会这样做：

• 使用AlertDialog.Builder创建一个AlertDialog。
• '登录'的标题。你不用图标..
• 在构建器中，使用setContentView表示两个EditText小部件，使用TextView“忘记...”
• 您定义了一个肯定按钮。创建AlertDialog之后以及在其上调用show之前，您必须获得该按钮。将按钮作为Button对象后，您可以用绿色等装饰它。
• 最后一件事：密码EditText必须具有inputType'密码'，而带有'忘记...'的TextView必须是可点击的，这样您就可以对用户点击它做出反应。

Answer 3

这里我给你一些透明的布局，你的要求尝试设置你的背景活动..

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

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:background="#60000000"
    android:padding="10dp" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        android:background="#40000000"
        android:text="Sign In" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/editText1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="25dp"
        android:background="#40000000"
        android:ems="10" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText2"
        android:layout_below="@+id/textView1"
        android:background="#40000000"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/editText2"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        android:layout_marginTop="20dp"
        android:background="#40000000"
        android:text="Button" />
</RelativeLayout>