【问题标题】:How to remove ripple effect translucent overlay from custom shape如何从自定义形状中删除波纹效果半透明覆盖
【发布时间】:2017-08-11 21:05:27
【问题描述】:

我正在尝试在 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" 但没有成功。我应该如何解决这个问题?

【问题讨论】:

    标签: android xml material-design ripple


    【解决方案1】:

    这是产生涟漪效果的一种方法,但试试这个简单的方法:

     android:foreground="?selectableItemBackgroundBorderless"
    

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

    【讨论】:

    • 这对我不起作用。正如你所说,我将背景设置为自定义和前景,但没有成功
    猜你喜欢
    • 2015-07-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多