Simple Android Login page design

ASH

9 years ago

Simple Android Login page design

Here’s an example of a good looking Login Screen for an Android Application :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/sample_main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<TextView
android:id="@+id/txt1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sign In"
android:gravity="center"
android:layout_marginTop="50dp"
android:textColor="#000"
android:textSize="40sp" />

<TextView
android:id="@+id/txt2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Don't have an account"
android:gravity="center"
android:layout_marginTop="5dp"
android:textColor="#ff555555"
android:textSize="25sp" />

<TextView
android:id="@+id/edt3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sign Up here!"
android:gravity="center"
android:layout_marginTop="5dp"
android:textColor="#ff4f9e54"
android:textSize="25sp" />

<EditText
android:id="@+id/edt1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#a8979797"
android:textColor="#000"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:gravity="center"
android:hint="USERNAME"
android:padding="15dp"
android:textColorHint="#ff828282"
android:textSize="20sp" />

<EditText
android:id="@+id/edt2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#a8979797"
android:textColor="#000"
android:gravity="center"
android:padding="15dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:hint="PASSWORD"
android:textColorHint="#ff828282"
android:textSize="20sp" />

<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="SIGN IN"
android:gravity="center"
android:background="#ff4f9e54"
android:textColor="#fff"
android:textStyle="bold"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:textSize="20sp"
android:id="@+id/btn" />
</LinearLayout>

If you like my work, please click the like button and like my page on facebook. You can also comment below…I will try my best to help you out.

Share this: