Android Login Form.

XML design:




















Implement dependency for Country code picker:
//country code picker
implementation 'com.hbb20:ccp:2.3.2'

Custom button design:
add in drawable file:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#938709"/>
<corners android:radius="25dp"/></shape> 
Custom editText design:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#9874a7"/>
<corners android:radius="25dp"/>
</shape>

activity_main.xml File:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:background="@drawable/student"
android:layout_height="match_parent"
tools:context=".PhoneVarification.LoginForm">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_marginStart="120dp"
android:layout_marginTop="138dp"
android:text="Login"
android:textColor="#9400d3"
android:gravity="center"
android:textSize="50dp"
android:textStyle="bold" />

<com.hbb20.CountryCodePicker
android:id="@+id/countrycode"
android:layout_width="60dp"
android:layout_height="wrap_content"
android:layout_marginStart="5dp"
android:layout_marginTop="200dp" />


<EditText
android:id="@+id/usernumber"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginStart="5dp"
android:layout_marginTop="263dp"
android:alpha="0.7"
android:background="@drawable/textedit_custom"
android:ems="10"
android:hint="Enter phone"
android:inputType="phone"
android:padding="8dp"
android:paddingEnd="8dp" />

<EditText
android:id="@+id/userpassword"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_centerInParent="true"
android:layout_marginStart="5dp"
android:layout_marginTop="323dp"
android:alpha="0.7"
android:background="@drawable/textedit_custom"
android:ems="10"
android:hint="Password"
android:inputType="textPassword"
android:padding="8dp"
android:paddingEnd="8dp" />

<Button
android:id="@+id/login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginStart="5dp"
android:layout_marginTop="413dp"
android:alpha="0.7"
android:background="@drawable/button_custom"
android:onClick="storeUserData"
android:text="Login"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />

<CheckBox
android:id="@+id/RememberMe"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="4dp"
android:layout_marginBottom="220dp"
android:text="RememberMe" />

<TextView
android:id="@+id/forgot_password"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/login"

android:layout_alignParentEnd="true"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:padding="5dp"
android:text="ForgotPassword?"
android:textColor="#b22222" />


</RelativeLayout>

Comments

Popular posts from this blog

Introduction to Python.

Decision Making Statement.