如何为CardView添加点击监听器？解决子视图遮挡点击失效问题

嗨，这个问题我之前也碰到过，给每个子视图都加一遍点击监听器确实有点冗余，这里有几个更优雅的解决方案，帮你彻底搞定这个问题：

方案1：给CardView添加可点击前景（最推荐） #

这是最简单高效的方法，只需要在CardView的XML布局里添加一个属性，就能让整个CardView区域（包括所有子视图）都响应点击：

<android.support.v7.widget.CardView
    android:id="@+id/my_card"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:foreground="?attr/selectableItemBackground" <!-- 关键属性 -->
    app:cardElevation="4dp">

    <!-- 你的NestedScrollView、TextView等子视图 -->
    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="这里是你的文本内容..." />

    </android.support.v4.widget.NestedScrollView>

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

然后在代码里只需要给CardView设置一次点击监听器就行：

CardView myCard = findViewById(R.id.my_card);
myCard.setOnClickListener(v -> {
    // 处理你的点击逻辑
    Toast.makeText(this, "CardView被点击了", Toast.LENGTH_SHORT).show();
});

为什么这个方法有效？ #

android:foreground属性会在CardView的最上层添加一个可点击的遮罩层，不管你点击的是CardView本身、NestedScrollView还是TextView，都会触发这个前景层的点击事件，进而传递给CardView的监听器。而且?attr/selectableItemBackground还能自带系统默认的点击波纹效果，体验更好。

方案2：让子视图不拦截点击事件 #

如果你的子视图不需要自己处理点击/触摸事件，可以给它们设置以下属性，让点击事件自动向上传递给CardView：

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clickable="false"
    android:focusable="false"
    android:focusableInTouchMode="false">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这里是你的文本内容..."
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false" />

</android.support.v4.widget.NestedScrollView>

这样设置后，点击子视图时，它们不会消费点击事件，事件会一路传递到CardView，触发它的监听器。不过这个方法如果子视图层级多的话，设置起来比较麻烦，不如方案1省心。

方案3：自定义CardView拦截所有触摸事件 #

如果你的子视图本身需要处理一些触摸事件（比如NestedScrollView的滚动），但又想让点击事件触发CardView的监听器，可以自定义一个CardView，重写onInterceptTouchEvent方法来拦截点击事件：

public class ClickableCardView extends android.support.v7.widget.CardView {
    public ClickableCardView(Context context) {
        super(context);
    }

    public ClickableCardView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ClickableCardView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // 拦截所有点击事件，让CardView优先处理
        if (ev.getAction() == MotionEvent.ACTION_UP) {
            performClick(); // 触发点击事件
            return true;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

然后在布局里使用这个自定义CardView，同样只需要给它设置一次点击监听器即可。这个方法的好处是不影响子视图的滚动等其他触摸操作，只拦截点击动作。

总结一下：如果你的子视图不需要独立的点击事件，方案1是最优选择，代码最少还自带交互反馈；如果有特殊的触摸需求，可以考虑方案3。

内容的提问来源于stack exchange，提问作者mehmet