材质 CardView 实底阴影 仅 android

时间:2021-06-09 10:09:10

标签: android kotlin material-design

如何使用 Material CardView 实现这种阴影。阴影只在底部,没有其他任何一侧。

enter image description here

2 个答案:

答案 0 :(得分:0)

app:cardElevation="10dp"。在您的 XML 文件上试试这个

答案 1 :(得分:0)

删除海拔并将此xml添加为cardview的自定义背景。

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
   <shape>
    <padding android:top="0.5dp" android:right="0.5dp" android:bottom="1dp" 
    android:left="0.5dp" />
    <solid android:color="#10CCCCCC" />
    <corners android:radius="8dp" />
     </shape>
     </item>
     <item>
    <shape>
    <padding android:top="0.5dp" android:right="0dp" android:bottom="1dp" 
    android:left="0.5dp" />
      <solid android:color="#10CCCCCC" />
    <corners android:radius="7dp" />
     </shape>
     </item>
     <item>
    <shape>
    <padding android:top="1dp" android:right="1dp" android:bottom="1dp" 
     android:left="1dp" />
    <solid android:color="#20CCCCCC" />
     <corners android:radius="6dp" />
     </shape>
    </item>
    <item>
    <shape>
    <padding android:top="0dp" android:right="0dp" android:bottom="1dp" 
     android:left="0dp" />
     <solid android:color="#30CCCCCC" />
    <corners android:radius="5dp" />
    </shape>
   </item>
   <item>
   <shape>
    <padding android:top="0dp" android:right="0dp" android:bottom="1dp" 
     android:left="0dp" />
    <solid android:color="#40CCCCCC" />
    <corners android:radius="4dp" />
    </shape>
   </item>
   <item>
  <shape>
    <padding android:top="0dp" android:right="0dp" android:bottom="1dp" 
    android:left="0dp" />
    <solid android:color="#50CCCCCC" />
    <corners android:radius="3dp" />
    </shape>
    </item>
   <item>
    <shape>

    <padding android:top="0dp" android:right="0.1dp" android:bottom="0.5dp" 
   android:left="0.1dp" />
    <solid android:color="#60CCCCCC" />
    <corners android:radius="3dp" />
   </shape>
   </item>
   <item>
   <shape>
    <solid android:color="#ffffff" />
      <corners android:radius="3dp" />
   </shape>
   </item>