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

你可以像这样使用 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;
    }
  }
}

如何消除MaterialCardVew的波纹效应？

2 个答案: