How to remove button shadow (android)

Question

I want to remove the shadow from the button to make it seem more flat.

I have this right now:

But I want this:

Solution 1

Another alternative is to add

style="?android:attr/borderlessButtonStyle"

to your Button xml as documented here http://developer.android.com/guide/topics/ui/controls/button.html

An example would be

<Button
android:id="@+id/button_send"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button_send"
android:onClick="sendMessage"
style="?android:attr/borderlessButtonStyle" />

Solution 2

A simpler way to do is adding this tag to your button:

android:stateListAnimator="@null"

though it requires API level 21 or more..

Solution 3

Kotlin

stateListAnimator = null

---

Java

setStateListAnimator(null);

---

XML

android:stateListAnimator="@null"

Solution 4

I use a custom style

<style name="MyButtonStyle" parent="@style/Widget.AppCompat.Button.Borderless"></style>

Don't forget to add

<item name="android:textAllCaps">false</item>

otherwise the button text will be in UpperCase.

Solution 5

Material desing buttons add to button xml: style="@style/Widget.MaterialComponents.Button.UnelevatedButton"

View more solutions

Comments

[msamardzic]

I write comment here, it's work for me. [stackoverflow.com/questions/27867284/… [1]: stackoverflow.com/questions/27867284/…

[smileVann]

stackoverflow.com/questions/27408240/…

[Juan José Melero Gómez]

This removes the button style, e.i. the shadow and emboss. Adding a selector with shapes is optional. This is a more accurate answer.

[CACuzcatlan]

Can you explain how this works? It didn't remove the drop shadow for me.

[Tobliug]

In addition, I use a custom style for my button. you can extend your custom style from : <style name="MyCustomButtonStyle" parent="Widget.AppCompat.Button.Borderless">

[dlohani]

it replaces original background with shadows, with this background with solid color

[GergelyPolonkai]

Although this may solve the OP’s problem, I’d recommend to add some context to it. Why will it help? Also, “try this” is a bit misleading. Are you sure it will solve the problem, or just guessing? If so, you should write a comment instead.

[JCasso]

Easy and clean.

[KoreanXcodeWorker]

Worked greatly to me

[box]

This isn't the correct answer, but you actually helped me to fix my issue with a similar problem, so thank you!

[Rohit Kumar]

aha! nice idea -- got me a quick fix --

[Ayejuni Ilemobayo Kings]

i love this method better, it's more flexible.

[blueware]

@Alon Kogan, is there any backward compatibility for using the android:stateListAnimator attribute?

[Juan José Melero Gómez]

This solution allows you to create a style bot having to inherit from borderlessButtonStyle style, which gives you more flexibility.

[CoolMind]

It is similar to Alon Kogan (stackoverflow.com/a/39122825/2914140).

[CoolMind]

Sometimes it is similar to stackoverflow.com/a/38004981/2914140, but a gray button in disabled state becomes lighter.

[CoolMind]

It requires API 21.

[zeroDivider]

how is this different than 5ish of above?

[ACAkgul]

this is only solution which is worked for me, borderlessButtonStyle tag didn't work, since I need to get rid off the shadow while button is being pressed

[intips]

Works on MaterialButton too

[alexrnov]

Requires API level 21 or higher

[jujuf1]

Perfect solution

[abdu]

after settings stateListAnimator to null button becomes invisible, anyone experiencing this?

[jerry]

This removes more than just the shadow.

[marticztn]

This is a better solution for me, it keeps the ripple effect

[QuarK]

Why I can't set this as item in button style?

[Keith Mak]

Thanks for the solution! mind elaborate why tag works?