包含ImageView的RecyclerView项上的涟漪效应

Question

我有一个RecyclerView，它扩展了以下网格项：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="@dimen/children_tile_border"
    android:layout_marginTop="@dimen/children_tile_border"
    android:clickable="true"
    android:focusable="true"
    android:background="?selectableItemBackground"
    tools:ignore="RtlHardcoded">

        <com.example.app.ui.widget.SquareImageView
            android:id="@+id/child_picture"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="visible"
            android:layout_alignParentBottom="true"/>

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="68dp"
            android:background="@color/tile_text_background"
            android:gravity="center_vertical"
            android:layout_alignParentBottom="true">

            ..............
        </LinearLayout>
</RelativeLayout>

但是涟漪效应不会出现，除非我将SquareImageView的可见性设置为不可见。似乎涟漪效应是在SquareImageView下方绘制的。如何在SquareImageView上绘制？

Answer 1

我们可以将RecyclerView项包装在FrameLayout中，并将android:foreground属性设置为它。查看以下链接以了解详细信息。这对我很管用。

Answer 2

更改：

android:background="?selectableItemBackground"

致：

android:background="?android:attr/selectableItemBackground"

并将其添加到您的SquareImageView

android:clickable="false" 

Answer 3

将以下代码添加到父布局

android:clickable="true"
android:focusable="true"
android:background="?attr/selectableItemBackground" 

如果你想自定义涟漪效果添加这个ripple_custom.xml在你的绘图v21

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

    <item
        android:id="@android:id/mask"
        android:drawable="@color/windowBackground" />
</ripple>

要支持旧版本，请添加ripple\u自定义。可绘制的xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="@color/colorHighlight" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
</selector>