How We Can Put Floating Action Button On Top Of Any Layout

I am doing some operation on floating action button . I have a list view and showing google ad at bottom of my screen, The floating action button is showing at same place (bottom|

Solution 1:

You should use RelativeLayout, and as we know, later children in a RelativeLayout tend to float over earlier children in a RelativeLayout.

So, to have a FAB float over of any layout, make sure that the FAB is defined after all views (at the end of the XML layout).

If you use android:layout_margin="@dimen/fab_margin" the best way to manipulate FAB is set dependencies between views, for example:

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><ListViewandroid:id="@+id/listView"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_above="@id/adLayoutId"/><LinearLayoutandroid:id="@+id/adLayoutId"android:layout_width="match_parent"android:layout_height="50dp"android:layout_alignParentBottom="true"android:background="@android:color/black"/><android.support.design.widget.FloatingActionButtonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_above="@id/adLayoutId"android:layout_alignParentRight="true"android:layout_margin="@dimen/fab_margin"android:src="@drawable/fav"/></RelativeLayout>

Floating action button always will be above the ad linear layout, and independent from ad layout size. Hope it helps.

Solution 2:

<android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_marginBottom="100dp"
        android:layout_marginRight="30dp"
       />

Solution 3:

These two lines inside the fab button helped me solved this problem:

app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"

Here's the entire code I used for the button alone:

 <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_newStudent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/fab_margin"
        android:contentDescription="@string/todo"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@drawable/ic_baseline_add_24" />

Solution 4:

Add a bottom Margin of 55dp which is the size of Admob Banners

This line in either the floating button or enclosing layout.

android:layout_marginBottom="55dp

Solution 5:

THESE TWO LINES ARE IMPORTANT.

android:layout_alignParentEnd="true"

android:layout_alignParentBottom="true"