如何从自定义形状中删除波纹效果半透明叠加层

Question

我正在尝试为 LinearLayout 中的自定义 TextView 添加波纹效果，但问题是 TextView 的主要颜色是白色，但应用波纹后，TextView 的颜色发生了变化。我希望首先 TextView 的背景颜色保持白色，并且在触摸时必须出现波纹颜色。这是我的代码：

ripple.xml

<?xml version="1.0" encoding="utf-8" ?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#A9A9A9">
  <item>
    <shape android:shape="rectangle" >
     <solid android:color="#FFFFFF" />
     <corners
       android:bottomRightRadius="0dp"
       android:bottomLeftRadius="30dp"
       android:topRightRadius="0dp"
       android:topLeftRadius="30dp"/>
   </shape>
  </item>
</ripple>

Main.xml

<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="80"
    android:id="@+id/base_layout"
    android:minWidth="25px"
    android:minHeight="25px"
    android:clickable="true">
    <TextView
        android:text="What would you like to view?"
        android:textColor="@android:color/white"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:textAlignment="gravity"
        android:id="@+id/selector_ask"
        android:textSize="18sp"
        android:paddingRight="6dp"
        android:clickable="true"
        android:layout_marginTop="32dp" />
    <TextView
        android:text="News &amp; Events"
        android:textColor="@color/material_grey_800"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textAlignment="gravity"
        android:id="@+id/selectorNews"
        android:textSize="16sp"
        android:layout_marginTop="20dp"
        android:paddingTop="12dp"
        android:paddingBottom="12dp"
        android:background="@drawable/ripple"
        android:backgroundTint="#FFFFFF"
        android:layout_marginLeft="120dp"
        android:clickable="true"
        android:textAllCaps="true"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:selectAllOnFocus="true" />

我尝试使用 android:id="@android:id/mask" 但没有成功。我该如何解决？

Answer 1

这是产生连锁反应的一种方法，但试试这个简单的方法：

 android:foreground="?selectableItemBackgroundBorderless"

将此添加到您想要涟漪效果的视图并删除旧的涟漪。

如何从自定义形状中删除波纹效果半透明叠加层

How to remove ripple effect translucent overlay from custom shape

android

xml

material-design

ripple