Constraint Layout Basics example

example_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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">


   <TextView
       android:id="@+id/lblLogin"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginTop="50dp"
       android:fontFamily="sans-serif-condensed-medium"
       android:text="Login"
       android:textColor="#000"
       android:textSize="20sp"
       app:layout_constraintTop_toTopOf="parent"
       app:layout_constraintStart_toStartOf="parent"
       app:layout_constraintEnd_toEndOf="parent" />

   <androidx.appcompat.widget.AppCompatEditText
       android:id="@+id/txtEmail"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginStart="10dp"
       android:layout_marginTop="60dp"
       android:layout_marginEnd="10dp"
       android:ems="10"
       android:hint="Write Your Email Here"
       android:inputType="textEmailAddress"
       android:minHeight="48dp"
       android:textColorHint="#000"
       app:layout_constraintTop_toBottomOf="@id/lblLogin"
       tools:layout_editor_absoluteX="89dp" />

   <androidx.appcompat.widget.AppCompatEditText
       android:id="@+id/txtPassword"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginStart="10dp"
       android:layout_marginTop="20dp"
       android:layout_marginEnd="10dp"
       android:ems="10"
       android:hint="Enter your Password"
       android:inputType="numberPassword"
       android:minHeight="48dp"
       android:textColorHint="#000"
       app:layout_constraintTop_toBottomOf="@id/txtEmail"
       android:importantForAutofill="no" />

   <TextView
       android:id="@+id/txtResetPassword"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginTop="10dp"
       android:layout_marginEnd="5dp"
       android:fontFamily="sans-serif-black"
       android:text="Reset Password"
       android:textColor="#FF5722"
       android:textSize="14sp"
       app:layout_constraintEnd_toEndOf="@id/txtPassword"
       app:layout_constraintTop_toBottomOf="@id/txtPassword" />

   <Button
       android:id="@+id/btnLogin"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Login"
       app:layout_constraintStart_toStartOf="parent"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintTop_toBottomOf="@id/txtResetPassword" />


   <TextView
       android:id="@+id/btnRegister"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginTop="10dp"
       android:fontFamily="sans-serif"
       android:text="Register"
       android:textSize="16sp"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintStart_toStartOf="parent"
       app:layout_constraintTop_toBottomOf="@id/btnLogin" />



</androidx.constraintlayout.widget.ConstraintLayout>