从一侧移除 CardView 阴影答案

【问题标题】：Remove CardView shadow from one side从一侧移除 CardView 阴影
【发布时间】：2017-05-30 22:24:05
【问题描述】：

根据我的应用程序 ui 要求，它需要卡片视图顶部的平面，因此，它需要从上侧移除阴影并触摸到另一个视图。

我试过了

card_view:cardElevation="0dp"

但它消除了四面八方的阴影，所以对我没用。

我尝试将负边距 (-5dp) 逐一应用于 CardView 和图像视图，但 CardView 一直在图像上方而不是在图像下方，所以它对我不起作用。

App ui 要求是这样的

任何人都可以提供帮助解决这个问题的建议吗？

【问题讨论】：

标签： android android-layout layout android-cardview cardview

【解决方案1】：

我通过创建自定义背景看起来像卡片视图但没有顶部阴影来解决这个问题。

在drawable文件夹中创建一个XML文件，并将这段代码放入其中并设置在后台。

android:background="@drawable/custom_cardview_no_top_shadow"

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

<item>
    <shape>
        <padding android:top="0dp" android:right="10dp" android:bottom="5dp" android:left="10dp" />
        <solid android:color="@color/transparent" />
    </shape>
</item>

<item>
    <shape>
        <padding android:top="0dp" android:right="0dp" android:bottom="1dp" android:left="0dp" />
        <solid android:color="@color/card_shadow_1" />
        <corners android:radius="0dp" />
    </shape>
</item>
<item>
    <shape>
        <padding android:top="0dp" android:right="0dp" android:bottom="1dp" android:left="0dp" />
        <solid android:color="@color/card_shadow_2" />
        <corners android:radius="0dp" />
    </shape>
</item>
<!-- Background -->
<item>
    <shape >
        <solid android:color="@color/card_background" />
        <corners android:radius="0dp" />
    </shape>
</item>
</layer-list>

这是卡片视图的颜色

<!-- card colors -->
<color name="card_background">#ffffff</color>
<color name="card_shadow_1">#d4d4d4</color>
<color name="card_shadow_2">#dddddd</color>
<color name="transparent">#00000000</color>

【讨论】：

【解决方案2】：

您可以通过在z轴上创建另一个高于cardview的视图来实现这种效果。之后，您需要将其outlineProvider 属性设置为none 以禁用阴影效果并将其放置到所需的 CardView 边缘。

<RelativeLayout>
   <CardView/>
   <View
       ..
       android:outlineProvider="none"
       android:translationZ="12dp"
       android:background="@color/cardViewBackgroundColor>
   </View>
</RelativeLayout>

【讨论】：