Share this post on:

Here we will design the UI of Registration Activity in Android Studio. We will use all the widgets which is required for design in Android Studio.

Let start

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:id="@+id/linearlayout"
tools:context=".Register"
android:background="@drawable/startimage">
<androidx.core.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="@drawable/login_design"
android:layout_marginLeft="20dp">
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:layout_marginTop="20dp"
android:src="@drawable/femaleuser"
></ImageView>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Register"
android:textColor="@color/white"
android:textSize="32sp"
android:layout_marginTop="10dp"
android:fontFamily="cursive"
android:gravity="center"></TextView>
<EditText
android:id="@+id/name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:background="@drawable/input_design"
android:textColor="#ffffff"
android:padding="12dp"
android:textSize="14sp"
android:layout_marginStart="32dp"
android:layout_marginEnd="32dp"
android:hint="Name"
android:textColorHint="@color/grey"
/>
<EditText
android:id="@+id/email"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:background="@drawable/input_design"
android:textColor="#ffffff"
android:padding="12dp"
android:textSize="14sp"
android:layout_marginTop="3dp"
android:layout_marginStart="32dp"
android:layout_marginEnd="32dp"
android:hint="Email"
android:textColorHint="@color/grey"
/>
<TextView
android:id="@+id/dateofbirth"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:background="@drawable/input_design"
android:textColor="#ffffff"
android:padding="12dp"
android:textSize="14sp"
android:layout_marginStart="32dp"
android:layout_marginEnd="32dp"
android:layout_marginTop="3dp"
android:hint="Date of Birth"
android:textColorHint="@color/grey"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="45dp"
android:orientation="horizontal"
android:layout_marginTop="3dp">
<com.hbb20.CountryCodePicker
android:id="@+id/ccp"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginStart="32dp"
app:ccp_contentColor="@color/white"
android:background="@drawable/input_design"/>
<EditText
android:id="@+id/phonenumber"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inputType="number"
android:textColor="#ffffff"
android:background="@drawable/input_designsend"
android:textSize="14sp"
android:gravity="center"
android:layout_marginEnd="32dp"
android:hint="Enter your Number"
android:textColorHint="@color/grey"
/>
</LinearLayout>

<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="32dp"
android:layout_marginEnd="32dp"
android:background="@drawable/button_design"
android:text="Continue"
android:textColor="#ffffff"
android:padding="8dp"
android:layout_marginTop="5dp"
android:id="@+id/signin"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Already Have Account? Login"
android:textSize="14sp"
android:textColor="#ffffff"
android:padding="15dp"
android:layout_marginTop="35dp"
android:id="@+id/notamember">
</TextView>
</LinearLayout>



</LinearLayout>
</androidx.core.widget.NestedScrollView>
</LinearLayout>

Design output:

Design in Android studio
Share this post on:
Avatar Raiyan

Author: Raiyan

Hi, I guess you're here because you want to know a bit about me. huh? I am not so good on talking about myself but I'll give a short about me.

My Name is Raiyan. I am a Professional Application Developer and a Blogger.
I started this website to Share my Knowledge. Here I provide all my knowledge whatever I earned till now.

Leave a Comment

Your email address will not be published. Required fields are marked *