Frame layout

Android Framelayout is a ViewGroup subclass that is used to specify the position of multiple views placed on top of each other to represent a single view screen. Generally, we can say FrameLayout simply blocks a particular area on the screen to display a single view. Here, all the child views or elements are added in stack format means the most recently added child will be shown on the top of the screen. But, we can add multiple children’s views and control their positions only by using gravity attributes in FrameLayout. 

The FrameLayout can be defined using the code below:

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:padding="5dp">

    <TextView

        android:id="@+id/txtvw1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="100dp"

        android:layout_marginTop="10dp"

        android:background="#286F24"

        android:padding="10dp"

        android:text="Login Details"

        android:textColor="#FFFFFF"

        android:textSize="20sp" />

    <EditText

        android:id="@+id/editText1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="80dp"

        android:background="#ECEEE8"

        android:hint="Enter your email"

        android:padding="10dp" />

    <EditText

        android:id="@+id/editText2"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="150dp"

        android:background="#ECEEE8"

        android:hint="Enter password"

        android:padding="10dp" />

    <Button

        android:id="@+id/btn1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="110dp"

        android:layout_marginTop="240dp"

        android:text="Submit" />

</FrameLayout>

//MainActivity.java

import android.os.Bundle;

import android.widget.EditText;

import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    TextView textView;

    EditText editText1, editText2;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        // finding the UI elements

        textView = findViewById(R.id.txtvw1);

        editText1 = findViewById(R.id.editText1);

        editText2 = findViewById(R.id.editText2);

    }

}

Output: