android - 如何在android中为 "entire"cardview添加波纹效果

Question

我是 Android 编程新手。我想给cardview添加涟漪效果。实际上我找到了解决方案，但是，在触摸cardview元素后，效果似乎并没有覆盖整个cardview。我的意思是效果突然消失并且没有到达卡片 View 的边缘。
我得到的结果如下:



虽然我想要在此 blog post 中发布类似的内容.

这是我尝试过的方法:

cardview_item.xml

<android.support.v7.widget.CardView
        android:layout_width="match_parent"
        style="@style/MyCardViewStyle"
        android:layout_height="280dp"
        android:id="@+id/appletCard"
        app:cardBackgroundColor="@color/cardDefaultBg"
        android:clickable="true"
        android:foreground="@drawable/ripple_effect"
        >

      //Some TextViews here ...

</android.support.v7.widget.CardView>

这是 波纹效果.xml 在 drawable-v21 包中:

<ripple
xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:attr/colorControlHighlight">
<item
    android:id="@android:id/mask"
    android:drawable="@android:color/white"/>
</ripple>

如果它很重要，我会使用支持库。

Answer 1

你应该申请mask到你的涟漪。尝试这个:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:attr/colorControlHighlight">
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#000000" />
            <corners android:radius="@dimen/card_corner_radius" />
        </shape>
    </item>
</ripple>