android - 选择器内部的涟漪效应

Question

当有人按下我的 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>

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

Answer 1

事实证明你已经得到了它的另一种方式，为了让涟漪出现，你需要将选择器包含在可绘制的涟漪中

即，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。

Answer 2

看看这个相对布局的例子，当它被按下时，它会在视图顶部绘制一个波纹效果：

RippleEffect.java