Question

我是Android编程新手。我想为cardview添加涟漪效果。实际上我找到了解决方案，然而，在触摸cardview元素后，似乎效果并不能覆盖整个cardview。我的意思是效果突然淡出并且没有到达cardview的边缘。我得到的结果如下：

虽然我想要这样的内容发布在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>

这是drawable-v21包中的 ripple_effect.xml ：

<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>

Answer 2

您可以在"?attr/selectableItemBackground"

中使用Android默认涟漪效果

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


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

或创建自定义

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true">
        <shape
            android:shape="rectangle">
            <solid android:color="@color/RippleColor" />
        </shape>
    </item>

    <item android:state_pressed="true">
        <shape
            android:shape="rectangle">
            <solid android:color="@color/RippleColor" />
        </shape>
    </item>

    <item>
        <shape
            android:shape="rectangle">
            <solid android:color="@color/backColor" />
        </shape>
    </item>
</selector>

如果您希望该效果到达边缘，请使用OnRippleCompleteListener为您提供gcc，这样您就可以等到它完成效果并到达边缘

Answer 3

在检查了对其ui元素使用涟漪效应的类似应用程序后，我发现不同版本的Android的效果已经发生了变化。我正在寻找的案例用于Lollipop Android设备。因此，当我在API 25（Nogut）上运行模拟器时，我没有得到所需的结果。

谢谢大家的回复。

如何在android中的“整个”cardview中添加涟漪效果

3 个答案: