【问题标题】:Material CardView real bottom Shadow Only androidMaterial CardView 实底Shadow Only android
【发布时间】:2021-08-26 07:57:13
【问题描述】:

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

【问题讨论】:

    标签: android kotlin material-design


    【解决方案1】:

    应用程序:cardElevation="10dp"。在你的 XML 文件上试试这个

    【讨论】:

    • 卡片高程在所有侧面应用阴影。但我只想在底部
    【解决方案2】:

    移除高程并将此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>
    

    【讨论】:

    • 正如我在问题中所问的那样。我需要像 cardview 这样的真实阴影,而不是用 xml 形状绘制的阴影。
    猜你喜欢
    • 1970-01-01
    • 2020-11-15
    • 2019-10-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多