选择器内部的涟漪效应答案

【问题标题】：Ripple effect inside of a selector选择器内部的涟漪效应
【发布时间】：2015-03-03 23:34:30
【问题描述】：

我想在有人按下我的 ImageView 时实现涟漪效果，但也有其他状态的不同可绘制对象。

我有一个很简单的ImageView：

<ImageView
    android:id="@+id/image"
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:clickable="true"
    />

我添加了我的背景：

mImage.setBackgroundResource(R.drawable.background_resource);

我的drawable看起来像这样：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="false">
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">

            <solid
                android:color="@android:color/darker_gray"/>

            <size
                android:width="80dp"
                android:height="80dp"/>
        </shape>
    </item>
    <item android:state_selected="true" android:state_pressed="false">
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">

            <solid
                android:color="@android:color/holo_blue_bright"/>

            <size
                android:width="120dp"
                android:height="120dp"/>
        </shape>
    </item>
    <item android:state_pressed="true">
        <ripple android:color="@android:color/holo_blue_dark">
            <item android:id="@android:id/mask">
                <shape android:shape="oval">

                    <solid android:color="@android:color/holo_blue_dark"/>

                    <size
                        android:width="120dp"
                        android:height="120dp"/>
                </shape>
            </item>
        </ripple>
    </item>
</selector>

当我单击时，背景消失而不是显示波纹效果。其他州工作正常。知道我在这里做错了什么吗？

【问题讨论】：

将可绘制的波纹放在选择器周围。 Ripple drawable 已经在没有选择器的情况下处理了它的状态。

标签： android rippledrawable selector-drawable

【解决方案1】：

事实证明你已经得到它的另一种方式，为了显示波纹，你需要在波纹drawable中包含选择器

即，xml 应该看起来像

<ripple android:color="@color/ripple_color">
    <item android:id="@android:id/mask">
        <!-- ripple mask goes here -->
    </item>
    <item>
        <selector>
            <!-- your selector goes here -->
        </selector>
    </item>
</ripple>

HTH。

【讨论】：

如果你的选择器正常状态是透明的，那么只需要包含遮罩，否则不会绘制波纹。

【解决方案2】：

看看这个RelativeLayout的例子，当它被按下时，它会在视图顶部绘制一个涟漪效果：

RippleEffect.java

【讨论】：

我不想在代码中重新实现涟漪效应（并保持它），我想使用可用的drawables。