How We Can Put Floating Action Button On Top Of Any Layout
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"
Post a Comment for "How We Can Put Floating Action Button On Top Of Any Layout"