Add shadow to button in android

Question

I'm trying to add some kind of shadow over image button on click. Is it possible and how.

So i have button and i wished it would look pushed when i click it. So i created new xml like that:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:state_pressed="true"
    android:state_enabled="true"
    android:drawable="@color/btn_pushed" 
     />
<item
    android:drawable="@drawable/btn" />
</selector>

Ok it works fine, but i have like 50 buttons and i have to make new image for all of them. That's a lot of work, is it possible to just add some kind of shadow over it? Or something so that it will look pushed?

k then you want to add shadow to the imagebutton.I know only applying shadow to button. — TheFlash, Jun 14 '13 at 13:42
Look at this topic here, should work for buttons as well. [http://stackoverflow.com/questions/10850726/add-shadow-effects-to-edittext-field](http://stackoverflow.com/questions/10850726/add-shadow-effects-to-edittext-field) — ztirom, Jun 18 '13 at 07:39

score 5 · Accepted Answer · answered Jun 18 '13 at 07:35

So i found a solution and i add it here for feature readers. The trick is to use . I found the answer here http://belencruz.com/2012/12/rounded-button-with-shadow-in-android/ My code now:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">


<item
    android:state_pressed="true"
    android:state_enabled="true"
    >
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/btn" /> 
<item android:drawable="@color/transparent"/>


</layer-list>
</item>
<item
    android:drawable="@drawable/btn" />
</selector>

Works realy nice!

NOTE: Google says "Don't. Shadows are never approximated by coloring material." http://www.google.com/design/spec/what-is-material/material-properties.html#material-properties-physical-properties — Don Larynx, May 21 '15 at 11:17

score 0 · Answer 2 · answered May 25 '16 at 22:28

0

Try declaring background as shadow effect and source as button image:

   <ImageButton
        android:background="@android:drawable/dialog_holo_light_frame"
        android:src="@drawable/books"
   />

answered May 25 '16 at 22:28

Rashko Dimitrov

1
2

score -1 · Answer 3 · edited Oct 25 '16 at 16:16

The above solution didn't work for me somehow. Nothing would display in place of the button. The following is my code that worked:

First: add into layout file:

android:background="@drawable/new_button"

Second: Create the new_button.xml file, where show3 is the image file

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true">
    <layer-list>
      <item android:left="4dp" android:top="4dp">
        <bitmap android:src="@drawable/show3"/>                
      </item>
    </layer-list>
  </item>
  <item>
    <layer-list>
      <!-- SHADOW LAYER -->
      <item android:left="4dp" android:top="4dp">
        <shape>
          <solid android:color="#66000000" />
          <corners android:radius="10dip"/>
        </shape>
      </item>
      <!-- CONTENT LAYER -->
      <item android:bottom="4dp" android:right="4dp">
        <bitmap android:src="@drawable/show3"/>            
      </item>
    </layer-list>
  </item>
</selector>

Basically had to add bitmap to item.

Add shadow to button in android

3 Answers3

Linked