如何从 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;

    }

  }

}