Ndtyjky

I have a recyclerView (Shimmer RecyclerView) and a fab. I need to display a description for my fab but when I place a textView in the xml file, the textView is displayed behind the recyclerView while I need it on top of the recyclerView. Any idea how to achieve the disired result?

My code:

<android.support.design.widget.CoordinatorLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent">



        <android.support.design.widget.FloatingActionButton

            android:layout_width="60dp"

            android:layout_height="60dp"

            android:layout_gravity="bottom|left"

            android:layout_marginLeft="10dp"

            android:layout_marginBottom="10dp" />



        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="bottom|left"

            android:layout_marginLeft="80dp"

            android:layout_marginBottom="21dp"

            android:background="@drawable/dark_gray_rounded"

            android:gravity="center"

            android:padding="10dp"

            android:text="someText"

            android:textColor="@color/white" />



        <com.cooltechworks.views.shimmer.ShimmerRecyclerView xmlns:app="http://schemas.android.com/apk/res-auto"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:clipToPadding="false"

            android:paddingTop="15dp"

            app:shimmer_demo_angle="35"

            app:shimmer_demo_child_count="10"

            app:shimmer_demo_layout_manager_type="linear_vertical"

            app:shimmer_demo_reverse_animation="true" />

    </android.support.design.widget.CoordinatorLayout>

CoordinatorLayout extends from FrameLayout, so the child Views are stacked each on top of the previous one (with the FloatingActionButton as an exception because this View specifically is managed by the CoordinatorLayout).

So you need to swap the TextView and the RecyclerView to achieve the desired effect (at least it works with a "normal" RecyclerView)

<android.support.design.widget.CoordinatorLayout

    android:layout_width="match_parent"

    android:layout_height="match_parent">



    <android.support.design.widget.FloatingActionButton

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:layout_gravity="bottom|left"

        android:layout_marginLeft="10dp"

        android:layout_marginBottom="10dp" />



    <com.cooltechworks.views.shimmer.ShimmerRecyclerView xmlns:app="http://schemas.android.com/apk/res-auto"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:clipToPadding="false"

        android:paddingTop="15dp"

        app:shimmer_demo_angle="35"

        app:shimmer_demo_child_count="10"

        app:shimmer_demo_layout_manager_type="linear_vertical"

        app:shimmer_demo_reverse_animation="true" />



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="bottom|left"

        android:layout_marginLeft="80dp"

        android:layout_marginBottom="21dp"

        android:background="@drawable/dark_gray_rounded"

        android:gravity="center"

        android:padding="10dp"

        android:text="someText"

        android:textColor="@color/white" />

</android.support.design.widget.CoordinatorLayout>

Try this:

<android.support.design.widget.CoordinatorLayout

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

android:layout_width="match_parent"

android:layout_height="match_parent">



<android.support.design.widget.FloatingActionButton

    android:layout_width="60dp"

    android:layout_height="60dp"

    android:layout_gravity="bottom|left"

    android:layout_marginLeft="10dp"

    android:layout_marginBottom="10dp" />



<com.cooltechworks.views.shimmer.ShimmerRecyclerView xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:clipToPadding="false"

    android:paddingTop="15dp"

    app:shimmer_demo_angle="35"

    app:shimmer_demo_child_count="10"

    app:shimmer_demo_layout_manager_type="linear_vertical"

    app:shimmer_demo_reverse_animation="true"/>



<TextView

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:layout_gravity="bottom|left"

    android:layout_marginLeft="80dp"

    android:layout_marginBottom="21dp"

    android:background="@drawable/dark_gray_rounded"

    android:gravity="center"

    android:padding="10dp"

    android:text="someText"

    android:textColor="@color/white" />

I have tried this. It works same as you wish in question. I Hope this work for you.

organise your fab and textView in a separate layout, and include that in your coordinatorLayout