Elevation not working on android.support.design.widget.FloatingActionButton

I’ve just started android development and trying the new material design.

Here is a screenshot of my mainactivity which has a FloatingActionButton but it doesnt applying any elevation (no shadows).

How can I enable shadow on this new widget (android.support.widget.FloatingActionButton).

This is code from layout xml

<android.support.design.widget.FloatingActionButton
        android:id="@+id/add_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:src="@drawable/ic_add_action"
        android:layout_margin="16dp"
        android:elevation="10dp"
        android:padding="10dp"/>

Any help appreciated. Thanks

Please note I’d like to use android design library only not any other github libraries.

Enquirer: Karthik

||

Solution #1:

After a lot of research, I’ve found the proper way to use FAB with no issues. Use the code below as template:

<android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/your_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="@dimen/floating_button_margin_bottom"
        android:layout_marginRight="@dimen/floating_button_margin_right"
        app:elevation="@dimen/floating_button_elevation"
        app:borderWidth="0dp"
        app:rippleColor="@color/your_ripple_color"
        app:backgroundTint="@color/your_bg_color" />
Respondent: Martin Cazares

Solution #2:

I’m just testing the floating action button now. And for me it works.

Try adding app:borderWidth="0dp" for your button, this might solve the problem.
I saw in some other posts that it might be a problem in the design library.

Respondent: shadow-01

Solution #3:

Your XML layout might missed these code:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   app:xmlns="http://schemas.android.com/apk/res-auto"
   ... >
         <android.support.design.widget.FloatingActionButton
            ... 
            app:borderWidth="0dp"
            app:elevation="4dp" />
   ... 
</RelativeLayout>

EDIT

For more information about FloatingActionButton, see this post, which explains the issue and design guide.

Respondent: Anggrayudi H

Solution #4:

Check the manifest file and delete the next properties:

 android:hardwareAccelerated="false"
 android:largeHeap="true"
Respondent: Taras Vovkovych

The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .

Leave a Reply

Your email address will not be published.