How to provide shadow to Button

Question

As you can see in image  I want shadow behind a Button  I have created Button with rounded corners  But problem is I can t generate a shadow behind that Button  How can I achieve this

User · Answer

Sample 9 patch image with shadow

After a lots of research I found an easy method.

Create a 9 patch image and apply it as button or any other view's background.

You can create a 9 patch image with shadow using this website.

Put the 9 patch image in your drawable directory and apply it as the background for the button.

mButton.setBackground(ContextCompat.getDrawable(mContext, R.drawable.your_9_patch_image);

User · Answer

you can use this great library https   github com BluRe-CN ComplexView and it is really easy to use

User · Answer

For android version 5 0  amp  above   try the Elevation for other views    android elevation  10dp    For Buttons   android stateListAnimator   anim button state list animator    button state list animator xml - https   android googlesource com platform frameworks base   master core res res anim button state list anim material xml  below 5 0 version   For all views    android background   android drawable dialog holo light frame    My output

User · Answer

You can try this    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt   lt item android state pressed  true  gt   lt layer-list gt           lt item android left  1dp  android top  3dp  gt               lt shape gt                   lt solid android color   a5040d    gt                   lt corners android radius  3dip   gt               lt  shape gt           lt  item gt       lt  layer-list gt     lt  item gt   lt item gt       lt layer-list gt           lt item android left  0dp  android top  0dp  gt               lt shape gt                       lt solid android color   99080d    gt                   lt corners android radius  3dip   gt               lt  shape gt           lt  item gt           lt item android bottom  3dp  android right  2dp  gt               lt shape gt                   lt solid android color   a5040d    gt                   lt corners android radius  3dip   gt               lt  shape gt           lt  item gt       lt  layer-list gt   lt  item gt

User · Answer

Try this if this works for you     android background   drawable drop shadow          android layout width  wrap content          android layout height  wrap content          android paddingLeft  3dp          android paddingTop  3dp          android paddingRight  4dp          android paddingBottom  5dp

User · Answer

Here is my button with shadow cw button shadow xml inside drawable folder   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state pressed  false  gt           lt layer-list gt               lt  -- SHADOW -- gt               lt item gt                   lt shape gt                       lt solid android color   color red 400   gt                       lt  -- alttan g  lge -- gt                       lt corners android radius  19dp   gt                   lt  shape gt               lt  item gt               lt  -- BUTTON alttan g  lge               android right  5px  to make it round-- gt               lt item                 android bottom  5px                   gt                   lt shape gt                       lt padding android bottom  5dp   gt                       lt gradient                         android startColor   1c4985                          android endColor   163969                          android angle  270    gt                       lt corners                         android radius  19dp   gt                       lt padding                         android left  10dp                          android top  10dp                          android right  5dp                          android bottom  10dp   gt                   lt  shape gt               lt  item gt           lt  layer-list gt       lt  item gt        lt item android state pressed  true  gt           lt layer-list gt               lt  -- SHADOW -- gt               lt item gt                   lt shape gt                       lt solid android color   102746   gt                       lt corners android radius  19dp   gt                    lt  shape gt               lt  item gt               lt  -- BUTTON -- gt               lt item android bottom  5px  gt                   lt shape gt                       lt padding android bottom  5dp   gt                       lt gradient                         android startColor   1c4985                          android endColor   163969                          android angle  270    gt                       lt corners                         android radius  19dp   gt                       lt padding                         android left  10dp                          android top  10dp                          android right  5dp                          android bottom  10dp   gt                   lt  shape gt               lt  item gt           lt  layer-list gt       lt  item gt   lt  selector gt    How to use  in Button xml  you can resize your height and weight   lt Button                 android text    add friends                  android layout width  120dp                  android layout height  40dp                 android background   drawable cw button shadow    gt

User · Answer

I ve tried the code from above and made my own shadow which is little bit closer to what I am trying to achieve  Maybe it will help others too    lt selector xmlns android  http   schemas android com apk res android  gt       lt item gt           lt layer-list gt               lt item android left  5dp  android top  5dp  gt                   lt shape gt                       lt corners android radius  3dp    gt                       lt gradient                         android angle  315                          android endColor   android color transparent                          android startColor   android color black                          android type  radial                          android centerX  0 55                          android centerY  0                          android gradientRadius  300   gt                       lt padding android bottom  1dp  android left  0dp  android right  3dp  android top  0dp    gt                   lt  shape gt               lt  item gt               lt item android bottom  2dp  android left  3dp  gt                   lt shape gt                       lt corners android radius  1dp    gt                       lt solid android color   color colorPrimary    gt                     lt  shape gt               lt  item gt           lt  layer-list gt       lt  item gt    lt  selector gt

User · Answer

Android now provides ExtendedFloatingActionButton which does the same thing for you

User · Answer

If you are targeting pre-Lollipop devices  you can use Shadow-Layout  since it easy and you can use it in different kind of layouts    Add shadow-layout to your Gradle file   dependencies       compile  com github dmytrodanylyk shadow-layout library 1 0 1       At the top the xml layout where you have your button  add to the top    xmlns app  http   schemas android com apk res-auto    it will make available the custom attributes    Then you put a shadow layout around you Button    lt com dd ShadowLayout         android layout marginTop  16dp          android layout width  wrap content          android layout height  wrap content          app sl shadowRadius  4dp          app sl shadowColor   AA000000          app sl dx  0dp          app sl dy  0dp          app sl cornerRadius  56dp  gt            lt YourButton                  gt    lt  com dd ShadowLayout gt    You can then tweak the app  settings to match your required shadow   Hope it helps

User · Answer

Use this approach to get your desired look  button selector xml     lt selector xmlns android  http   schemas android com apk res android  gt   lt item gt       lt layer-list gt           lt item android right  5dp  android top  5dp  gt               lt shape gt                   lt corners android radius  3dp    gt                   lt solid android color   D6D6D6    gt               lt  shape gt           lt  item gt           lt item android bottom  2dp  android left  2dp  gt               lt shape gt                   lt gradient android angle  270                       android endColor   E2E2E2  android startColor   BABABA    gt                   lt stroke android width  1dp  android color   BABABA    gt                   lt corners android radius  4dp    gt                   lt padding android bottom  10dp  android left  10dp                       android right  10dp  android top  10dp    gt               lt  shape gt           lt  item gt       lt  layer-list gt   lt  item gt    lt  selector gt    And in your xml layout    lt Button    android background   drawable button selector                 gt

[android] How to provide shadow to Button

Examples related to android

Examples related to material-design

Examples related to shadow