Saturday , November 23 2024

Android Registration Screen Design

Almost all android application will have login or registration process in order to authenticate a user. In this article i will be demonstrating how to design android registration screen design (note that it just designing the screens – no database connection or user validation).

1)  Preview of registration page

android registration screen design

2) activity_registration.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<ScrollView
xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:fillViewport=”true”>
<RelativeLayout
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:background=”#fff”>
<LinearLayout

android:orientation=”verticala”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:padding=”10dip”>

<ImageView
android:id=”@+id/imageView1″
android:layout_width=”match_parent”
android:layout_height=”50dp”
android:layout_alignParentTop=”true”
android:layout_centerHorizontal=”true”
android:layout_weight=”.3″
android:layout_marginTop=”10dp”
android:layout_marginBottom=”20dp”
android:src=”@drawable/js_logo” />

<!– Full Name Label –>

<EditText android:id=”@+id/reg_Name”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:padding=”10dp”
android:hint=”Name”
android:layout_marginTop=”10dp”
android:inputType=”textCapSentences”
android:singleLine=”true”
android:textColorHint=”#b00a15″
android:textColor=”#b00a15″
android:textSize=”15dp”
android:background=”#f7f7f7″ />
<!–  Email Label –>
<EditText
android:id=”@+id/reg_email”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:padding=”10dp”
android:hint=”Email Address”
android:layout_marginTop=”15dp”
android:inputType=”textEmailAddress”
android:singleLine=”true”
android:textColorHint=”#b00a15″
android:textColor=”#b00a15″
android:textSize=”15dp”
android:background=”#f7f7f7″>
</EditText>

<EditText
android:id=”@+id/reg_TelephoneNumber”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:padding=”10dp”
android:hint=”Mobile No.”
android:layout_marginTop=”15dp”
android:inputType=”phone”
android:singleLine=”true”
android:textColorHint=”#b00a15″
android:textColor=”#b00a15″
android:textSize=”15dp”
android:background=”#f7f7f7″>
</EditText>

<EditText
android:id=”@+id/reg_Password”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:padding=”10dp”
android:hint=”Password”
android:layout_marginTop=”15dp”
android:inputType=”textPassword”
android:singleLine=”true”
android:textColorHint=”#b00a15″
android:textColor=”#b00a15″
android:textSize=”15dp”
android:background=”#f7f7f7″ >

</EditText>

<EditText
android:id=”@+id/reg_Address”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:padding=”10dp”
android:hint=”Shipping Address”
android:layout_marginTop=”15dp”
android:inputType=”textPostalAddress”
android:singleLine=”false”
android:textColorHint=”#b00a15″
android:textColor=”#b00a15″
android:textSize=”15dp”
android:background=”#f7f7f7″ >

</EditText>

<Button android:id=”@+id/btnRegister”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:layout_marginLeft=”40dp”
android:layout_marginRight=”40dp”
android:background=”@drawable/selector”
android:text=”Register”
android:layout_marginTop=”20dp”
android:textColor=”#fff”
android:textStyle=”bold” />
<!– Link to Login Screen –>

<TextView android:id=”@+id/link_to_login”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:layout_alignParentBottom=”true”
android:layout_marginTop=”30dp”
android:gravity=”center”
android:text=”Already register ? Login here”
android:textColorHint=”#b00a15″
android:textColor=”#b00a15″
android:textSize=”20dp” />

</LinearLayout>
<!– Registration Form Ends –>
</RelativeLayout>
</ScrollView>

 

About admin

Check Also

Binding JavaScript and Android Code – Example

When developing a web application that’s designed specifically for the WebView in your Android application, …

Leave a Reply