android - 创建精美的登录框

Question

安卓工作室 0.2.11

我是 android 编程的新手，只是想知道我需要做什么来创建一个像下面这样的精美登录框。我没有要求任何人为我做这件事。但是我需要什么样的控制来帮助这样的事情呢？

非常感谢您的任何建议，

Answer 1

一旦您熟悉了线性布局和相对布局，就可以轻松实现这一点。

这是高亮登录屏幕的克隆。

这对我的 UI 设计帮助很大。希望你也觉得它有用。

Answer 2

在这里，我根据您的要求为您提供一些透明布局，尝试使用您的背景设置为活动..

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

Answer 3

我会这样做：

• 拥有一个使用 AlertDialog.Builder 创建的 AlertDialog。
• “登录”的标题。你不使用图标..
• 在 BuildersetContentView中用于两个 EditText 小部件和“忘记...”的 TextView
• 您定义一个肯定按钮。一旦创建了 AlertDialog 并且在调用它之前，您必须获取该按钮show。一旦你将按钮作为一个 Button 对象，你可以用绿色等装饰它。
• 最后一件事：密码 EditText 必须具有 inputType 'password' 并且带有 'forgot...' 的 TextView 必须是可点击的，这样您才能对用户点击它做出反应。