CardView not showing Shadow in Android L

Question

My Cardview inside Listview is not showing shadow in Android L Nexus 5   Also the round edges are not properly shown  Here is the code for Listview s Adapter View     lt  xml version  1 0  encoding  utf-8   gt  lt LinearLayout xmlns android  http   schemas android com apk res android  xmlns tools  http   schemas android com tools  xmlns card view  http   schemas android com apk res-auto  xmlns app  http   schemas android com apk res com example myapp  android layout width  match parent  android layout height  wrap content  android orientation  vertical   gt    lt android support v7 widget CardView     xmlns card view  http   schemas android com apk res-auto      android id    id card view      android layout width  match parent      android layout height  wrap content      app cardBackgroundColor   android color white      android foreground   android attr selectableItemBackground      app cardCornerRadius  4dp      app cardElevation  4dp   gt        lt RelativeLayout         android layout width  match parent          android layout height  match parent          android paddingBottom   dimen activity vertical margin          android paddingTop   dimen activity vertical margin   gt            lt TextView             android id    id tvName              android layout width  wrap content              android layout height  wrap content              android layout alignParentTop  true              android layout marginTop   dimen padding small              android paddingLeft   dimen activity horizontal margin              android paddingRight   dimen activity horizontal margin              android textAppearance   android attr textAppearanceLarge    gt            lt ImageView             android id    id ivPicture              android layout width  match parent              android layout height  wrap content              android layout below    id tvName              android layout centerHorizontal  true              android scaleType  fitCenter    gt            lt TextView             android id    id tvDetail              android layout width  wrap content              android layout height  wrap content              android layout below    id ivPicture              android layout centerHorizontal  true              android paddingLeft   dimen activity horizontal margin              android paddingRight   dimen activity horizontal margin    gt       lt  RelativeLayout gt   lt  android support v7 widget CardView gt      And the ListView xml     lt RelativeLayout xmlns android  http   schemas android com apk res android  xmlns card view  http   schemas android com apk res-auto  xmlns tools  http   schemas android com tools  xmlns app  http   schemas android com apk res com example myapp  android layout width  fill parent  android layout height  fill parent  android background   drawable app bg   gt    lt ListView     android id   android id list      android layout width  match parent      android layout height  match parent      android layout alignParentTop  true      android cacheColorHint   00000000      android divider   android color transparent      android drawSelectorOnTop  true      android smoothScrollbar  true    gt    lt ProgressBar     android id    id progressBarMain      style   android attr progressBarStyleLarge      android layout width  wrap content      android layout height  wrap content      android layout centerInParent  true      android visibility  gone    gt  lt  RelativeLayout gt    It works fine on pre-L devices with proper shadow and rounded corners  But not working aon Android L device  Can you tell what i am missing here

User · Answer

My recyclerview was slow in loading so by reading the stackoverflow com I changed hardwareAccelerated to  false  then the elevation is not showing in the device  The I changed back to true  It works for me

User · Answer

First of all make sure that following dependencies are proper added and compiled in build gradle file      dependencies               compile  com android support cardview-v7 21 0             and after this try the following code          lt android support v7 widget CardView              xmlns android  http   schemas android com apk res android              xmlns card view  http   schemas android com apk res-auto              android layout width  match parent              android layout height  200dp              android layout margin  5dp              android orientation  horizontal              card view cardCornerRadius  5dp  gt        lt  android support v7 widget CardView   problem rises in Android L beacuse layout margin attribute is not added

User · Answer

Finally i was able to get shadows on Lollipop device by adding margin to the cardview  Here is the final cardview layout     lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      xmlns card view  http   schemas android com apk res-auto      xmlns app  http   schemas android com apk res com example myapp      android layout width  match parent      android layout height  wrap content      android orientation  vertical   gt    lt android support v7 widget CardView     xmlns card view  http   schemas android com apk res-auto      android id    id card view      android layout width  match parent      android layout height  wrap content      app cardBackgroundColor   android color white      android foreground   android attr selectableItemBackground      android layout marginLeft   dimen activity horizontal margin      android layout marginRight   dimen activity horizontal margin      android layout marginTop   dimen padding small      android layout marginBottom   dimen padding small      app cardCornerRadius  4dp      app cardElevation  4dp   gt    lt RelativeLayout     android layout width  match parent      android layout height  match parent      android paddingBottom   dimen activity vertical margin      android paddingTop   dimen activity vertical margin   gt        lt TextView         android id    id tvName          android layout width  wrap content          android layout height  wrap content          android layout alignParentTop  true          android layout marginTop   dimen padding small          android paddingLeft   dimen activity horizontal margin          android paddingRight   dimen activity horizontal margin          android textAppearance   android attr textAppearanceLarge    gt        lt ImageView         android id    id ivPicture          android layout width  match parent          android layout height  wrap content          android layout below    id tvName          android layout centerHorizontal  true          android scaleType  fitCenter    gt        lt TextView         android id    id tvDetail          android layout width  wrap content          android layout height  wrap content          android layout below    id ivPicture          android layout centerHorizontal  true          android paddingLeft   dimen activity horizontal margin          android paddingRight   dimen activity horizontal margin    gt   lt  RelativeLayout gt

User · Answer

Simply add this tags   app cardElevation  2dp  app cardUseCompatPadding  true    So its become    lt android support v7 widget CardView     android layout width  wrap content      android layout height  wrap content      app cardBackgroundColor   colorPrimary      app cardCornerRadius  3dp      app cardElevation  2dp      app cardUseCompatPadding  true      app contentPadding  1dp    gt

User · Answer

move your  uses-sdk  attribute in top of the manifest like the below answer https   stackoverflow com a 27658827 1394139

User · Answer

You can try by adding this line   card view cardUseCompatPadding  true    The Whole code will seems like this     lt android support v7 widget CardView          xmlns android  http   schemas android com apk res android          xmlns card view  http   schemas android com apk res-auto          android layout width  match parent          android layout height  200dp          android layout margin  5dp          android orientation  horizontal          card view cardUseCompatPadding  true          card view cardCornerRadius  5dp  gt    lt  android support v7 widget CardView

User · Answer

Do not forget that to draw shadow you must use hardwareAccelerated drawing  hardwareAccelerated   true     hardwareAccelerated   false    See Android Hardware Acceleration for details

User · Answer

I think if you check your manifest first if you wrote android hardwareAccelerated  false   you should make it true to having shadow for the card Like this answer here

User · Answer

Add this line to CardView      card view cardUseCompatPadding  true    for enable shadow card view cardElevation  9dp     this for how much shadow you want to show   Tips  You can avoid layout marginTop and layout marginBottom as shadow itself takes some space to the up and down of it The amount space defined by how much you will use in card view cardElevation  ndp     Happy Coding

User · Answer

Add android hardwareAccelerated  true  in your manifests file like below it works for me    lt activity         android name   activity MyCardViewActivity          android hardwareAccelerated  true  gt  lt  activity gt

User · Answer

Check you re not using android layerType  software  in your RecyclerView   Changing it to android layerType  hardware  solved the issue for me

User · Answer

Card view can t show shadow because of your RelativeLayout is on the card view s shadow  To show the shadow add margins on your Card view  For example    lt RelativeLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  wrap content  gt    lt android support v7 widget CardView     android layout width  match parent      android layout height  wrap content      android layout marginLeft  8dp      android layout marginRight  8dp      android layout marginTop  4dp      android layout marginBottom  8dp  gt    lt  android support v7 widget CardView gt    lt  RelativeLayout gt

User · Answer

In my case the shadow was not showing on Android L devices because I did not add a margin  The problem is that the CardView creates this margin automatically on  lt 5 devices so now I do it like this   CardView card   new CardView context   LinearLayout LayoutParams params   new LinearLayout LayoutParams          LayoutParams MATCH PARENT  LayoutParams WRAP CONTENT   if  Build VERSION CODES LOLLIPOP    Build VERSION SDK INT        params setMargins shadowSize  shadowSize  shadowSize              shadowSize     else       card setMaxCardElevation shadowSize     card setCardElevation shadowSize   card setLayoutParams params

User · Answer

check hardwareAccelerated  in manifest make it true   making it false removes shadows   when false shadow appears in xml preview but not in phone

User · Answer

use  app cardUseCompatPadding  true  inside your cardview  For Example   lt android support v7 widget CardView         android id    id card view          android layout width  match parent          android layout height  match parent          android layout marginRight   dimen cardviewMarginRight          app cardBackgroundColor   color menudetailsbgcolor          app cardCornerRadius   dimen cardCornerRadius          app cardUseCompatPadding  true          app elevation  0dp  gt       lt  android support v7 widget CardView gt

User · Answer

You can add this line of code for shadow in card view  card view cardElevation  3dp    Below you have an example   lt android support v7 widget CardView     xmlns card view  http   schemas android com apk res-auto      android id    id card view      android layout width  match parent      android layout height  wrap content      app cardBackgroundColor   android color white      android foreground   android attr selectableItemBackground      card view cardElevation  3dp      card view cardCornerRadius  4dp  gt    Hope this helps

User · Answer

After going through the docs again  I finally found the solution   Just add card view cardUseCompatPadding  true  to your CardView and shadows will appear on Lollipop devices   What happens is  the content area in a CardView take different sizes on pre-lollipop and lollipop devices  So in lollipop devices the shadow is actually covered by the card so its not visible  By adding this attribute the content area remains the same across all devices and the shadow becomes visible   My xml code is like     lt android support v7 widget CardView     android id    id media card view      android layout width  match parent      android layout height  130dp      card view cardBackgroundColor   android color white      card view cardElevation  2dp      card view cardUseCompatPadding  true       gt       lt  android support v7 widget CardView gt

[android] CardView not showing Shadow in Android L

Examples related to android

Examples related to android-listview

Examples related to android-5.0-lollipop

Examples related to material-design

Examples related to android-cardview