RecyclerView + CardView + 触控反馈

Question

有没有人在 RecyclerView 内解决了没有触摸反馈的 CardView 之谜？

我有一个带有一堆 CardView 的 RecyclerView（一个 CardList）。当我单击任何 CardView 时，我会启动另一个 Activity。这工作得很好，但是当我点击 CardView 时看不到任何触摸反馈。

及时，我已经用这些配置了我的 CardView (XML)：

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

谢谢！

Answer 1

背景：

CardView 忽略 android:background 支持只能是颜色的 app:cardBackground。边框和阴影实际上是背景的一部分，因此您无法自行设置。

解决方案：

使CardView 内的布局而不是卡片本身可点击。您已经编写了此布局所需的两个属性：

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

Answer 2

解决方案 1

正如@Eugen 建议的那样，您可以使CardView 内部的布局可点击，那么您可以使用android:background：

<android.support.v7.widget.CardView
    ...
    android:clickable="true"
    android:background="?attr/selectableItemBackground">

解决方案 2

如果您不想通过使CardView 内的布局可点击而丢失项目点击侦听器，您可以使用android:foreground：

<android.support.v7.widget.CardView
    ...
    android:clickable="true"
    android:foreground="?attr/selectableItemBackground">

---

额外：如果您不想要矩形遮罩，可以使用"?attr/selectableItemBackgroundBorderless" 而不是"?attr/selectableItemBackground"。

Answer 3

创建选择器“drawable/card_foreground_selector”

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#18000000"/>
            <corners android:radius="@dimen/card_radius" />
        </shape>
    </item>
    <item android:state_focused="true" android:state_enabled="true">
        <shape android:shape="rectangle">
            <solid android:color="#0f000000"/>
            <corners android:radius="@dimen/card_radius" />
        </shape>
    </item>
</selector>

并创建“drawable/card_foreground.xml”（您需要根据卡片的高度调整插入值）

<inset xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/card_foreground_selector"
android:insetLeft="2dp"
android:insetRight="2dp"
android:insetTop="3dp"
android:insetBottom="3dp"/>

修改你的项目（item.xml）

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:contentPadding="8dp"
    android:foreground="@drawable/card_foreground">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    // ..

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

您可以查看原帖here

Answer 4

添加foreground属性：

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

Answer 5

这两种方法应该以相同的方式工作。

1)如果您希望 cardview 响应触摸反馈，请在 cardview 中使用这个。

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

---

但如果上述方法不起作用，那么您可以在 cardview 的 child 视图组（线性/相对等）上设置此属性。

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

但随后 ViewHolder 的 itemView 将不会响应 touch 事件。因为它已被子视图消耗，因此您必须在子视图上设置 clicklistener，以便在监听器中进一步处理recyclerview 适配器，这样我们就可以在适配器中的 recyclerview 的行项目上启用触摸和点击事件。

如果您很难跟踪触摸并单击带有波纹的卡片视图中的视图，那么这可能会有所帮助。 Touch Feedback Problem

2.) 第二种方法是使用传统方式使用自定义触摸选择器drawable并设置为背景。

    <?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="your ripple color">
    <item>
    <selector>
        <item android:state_selected="true">
            <color android:color="your selected color" />
        </item>
        <item android:state_activated="true">
            <color android:color="your selected color" />
        </item>
        <item>
            <color android:color="your normal color" />
        </item>
    </selector>
    </item>
</ripple>

文档Ripple Drawable