You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁用MaterialCardView选中时的点击波纹效果?

如何禁用MaterialCardView选中时的点击波纹效果?

嘿,我来帮你搞定这个问题~ 你遇到的情况是MaterialCardView在选中时会出现波纹,取消选中时却没有,想要把选中时的波纹去掉对吧?这里有两个简单靠谱的方法:

方法一:通过XML自定义波纹颜色状态

这是最常用的方式,我们直接通过颜色状态选择器来控制不同状态下的波纹显示:

  • 先在你的项目res/color目录下新建一个名为card_ripple_color.xml的文件,内容写这样:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态下把波纹设为透明,这样就看不到啦 -->
    <item android:color="@android:color/transparent" android:state_checked="true"/>
    <!-- 未选中状态保留默认的波纹颜色,你也可以改成自己想要的颜色 -->
    <item android:color="?attr/colorControlHighlight" android:state_checked="false"/>
</selector>
  • 接着到你的MaterialCardView布局代码里,添加这个自定义的波纹颜色属性:
<com.google.android.material.card.MaterialCardView
    android:id="@+id/testCard"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:checkable="true"
    app:rippleColor="@color/card_ripple_color"/>

方法二:代码中动态设置

如果你需要在运行时根据逻辑调整,也可以用代码来设置这个状态选择器:

  • 先确保你已经创建了上面提到的card_ripple_color.xml资源文件
  • 然后在代码中获取MaterialCardView实例并设置波纹颜色:
// 这里用ViewBinding的方式获取卡片实例,你也可以用findViewById
binding.testCard.rippleColor = ContextCompat.getColorStateList(this, R.color.card_ripple_color)

这样设置之后,当你点击卡片将它设为选中状态时,因为波纹颜色是完全透明的,就不会再出现烦人的波纹效果啦,而取消选中时的行为和之前一模一样,完美解决你的问题~

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.08 14:02:57