java - 如何从 MaterialCardVew 中移除涟漪效应？

Question

如何禁用触摸涟漪效应MaterialCardView？将clickable属性设置为false或使用foreground和background属性没有效果。

我正在使用材料支持库版本1.1.0-alpha02。

Answer 1

只有rippleColor是styleable：

<com.google.android.material.card.MaterialCardView
    style="@style/Widget.MaterialComponents.CardView"
    app:rippleColor="@android:color/transparent"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

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

Answer 2

只需在 xml 中使用此属性：
app:rippleColor="@android:color/transparent"

或者在 Kotlin 中以编程方式：
cardView.rippleColor = ColorStateList.valueOf(Color.TRANSPARENT)

Answer 3

您可以像这样使用 CSS：

.mdc-card__primary-action.card__primary-action.mdc-ripple-upgraded {
  &:hover,
  &:focus,
  &:active {
    &.mdc-card__primary-action::before,
    &.mdc-card__primary-action::after {
      background-color: rgba(255, 255, 255, 0) !important;
      opacity: 0 !important;
    }
  }
}