Android Lollipop CardView上的涟漪效应

Question

我试图让CardView时,通过设置在Android触摸显示连锁反应:所描述的行为在XML文件中backgound属性这里 Android开发者页面上,但它不工作.根本没有动画,但是调用onClick中的方法.我也尝试过按照这里的建议创建一个ripple.xml文件,但结果相同.

CardView出现在活动的XML文件中:

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="155dp"
    android:layout_height="230dp"
    android:elevation="4dp"
    android:translationZ="5dp"
    android:clickable="true"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:onClick="showNotices"
    android:background="?android:attr/selectableItemBackground"
    android:id="@+id/notices_card"
    card_view:cardCornerRadius="2dp">

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

我对android开发比较陌生,所以我可能会犯一些明显的错误.
提前致谢.

Answer 1

您应该添加以下内容CardView:

android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"

Answer 2

将这两行代码添加到xml视图中,以便在cardView上产生连锁效果.

android:clickable="true"
android:foreground="?android:attr/selectableItemBackground"

Answer 3

我设法通过以下方式获得了对cardview的连锁反应:

<android.support.v7.widget.CardView 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    android:clickable="true" 
    android:foreground="@drawable/custom_bg"/>

对于你可以在上面的代码中看到的custom_bg,你必须为lollipop(在drawable-v21包中)和pre-lollipop(在drawable包中)设备定义一个xml文件.对于drawable-v21包中的custom_bg,代码为:

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

对于drawable包中的custom_bg,代码是:

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

<item android:state_pressed="true">
    <shape>
        <solid android:color="@color/colorHighlight"></solid>
    </shape>
</item>
<item>
    <shape>
        <solid android:color="@color/navigation_drawer_background"></solid>
    </shape>
</item>
</selector>

所以在预棒棒糖设备上你会有一个坚实的点击效果,而在棒棒糖设备上,你会对cardview产生连锁反应.

Answer 4

appcompat支持库中省略了涟漪效应,这是您正在使用的.如果你想看到涟漪使用Android L版本并在Android L设备上测试它.根据AppCompat v7站点:

"为什么前Lollipop没有涟漪？许多允许RippleDrawable顺利运行的是Android 5.0的新RenderThread.为了优化以前版本Android的性能,我们暂时离开了RippleDrawable."

看看这个链接点击这里获取更多信息

Answer 5

如果minSdkVersion您正在使用的应用程序是9级,您可以使用:

android:foreground="?selectableItemBackground"
android:clickable="true"

相反,从11级开始,您使用:

android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"

来自文档:

clickable - 定义此视图是否对单击事件做出反应.必须是布尔值,"true"或"false".

foreground - 定义要绘制内容的drawable.这可以用作叠加层.如果重力设置为填充,则前景drawable参与内容的填充.

Answer 6

添加这两行类似的代码对于任何视图（如 Button、Linear Layout 或 CardView）来说就像魅力一样，只需放入这两行即可看到神奇的效果...

android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"

Answer 7

对我来说，添加foregroundtoCardView不起作用（原因未知：/）

将相同的内容添加到它的子布局中就可以了。

代码：

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:focusable="true"
    android:clickable="true"
    card_view:cardCornerRadius="@dimen/card_corner_radius"
    card_view:cardUseCompatPadding="true">

    <LinearLayout
        android:id="@+id/card_item"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:foreground="?android:attr/selectableItemBackground"
        android:padding="@dimen/card_padding">

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

Answer 8

改用 Material Cardview，它扩展了 Cardview 并提供了多种新功能，包括默认的可点击效果：

<com.google.android.material.card.MaterialCardView>

...

</com.google.android.material.card.MaterialCardView>

依赖（最多可用于 API 14 以支持旧设备）：

implementation 'com.google.android.material:material:1.0.0'