ListFragment FloatingActionButton is at wrong position

Question

In my app I have a FloatingActionButton in a ListFragment.

Here is the layout of the ListFragment:

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/main_content"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include layout="@android:layout/list_content"/>

    <ListView
        android:id="@id/android:list"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <TextView
        android:id="@id/android:empty"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/no_contacts"/>

    <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_margin="16dp"
        android:src="@drawable/ic_add"
        app:layout_anchor="@id/android:list"
        app:layout_anchorGravity="bottom|end"
        android:layout_alignParentEnd="true"/>
</android.support.design.widget.CoordinatorLayout>

In Android Studio the FAB is at the bottom-right position but when I run the app it's at the top-left.

score 0 · Answer 1 · answered Oct 03 '16 at 11:30

Try using this

<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_margin="16dp"
android:src="@drawable/ic_add"
app:layout_anchor="@id/android:list"
app:layout_anchorGravity="bottom|end"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
/>

score 0 · Answer 2 · answered Oct 03 '16 at 11:33

0

Add the listview and textview in the layout that you add to this layout using the include tag.

answered Oct 03 '16 at 11:33

Arjun Issar

672
4
13
32

score 0 · Answer 3 · answered Oct 03 '16 at 11:34

Here's my working layout.

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include layout="@android:layout/list_content" />

    <ListView
        android:id="@id/android:list"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <TextView
        android:id="@id/android:empty"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="no contacts" />

    <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_margin="16dp"
        android:src="@android:drawable/ic_input_add"
        app:layout_anchor="@id/android:list"
        app:layout_anchorGravity="bottom|end" />
</android.support.design.widget.CoordinatorLayout>

And showing the layout in device pretty well.

In my app the ListFragment is in a ViewPager (Tabs) and this is what I get:[link](http://i.imgur.com/F4hskOe.png) — Olivier Stihl, Oct 03 '16 at 22:00
By searching a little bit more if found that the fab must be put in the main activity layout (according to material design's guidelines [here](https://material.google.com/components/buttons-floating-action-button.html#buttons-floating-action-button-behavior) and how to do it [here](http://stackoverflow.com/questions/31596640/fab-animation-with-viewpager-tabslider/31663686#31663686) — Olivier Stihl, Oct 07 '16 at 15:26

ListFragment FloatingActionButton is at wrong position

3 Answers3