Question

当有人按下我的ImageView时，我想获得涟漪效果，但是对于其他状态也有不同的drawable。

我有一个非常简单的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

看看这个RelativeLayout的例子，它在按下时会在视图顶部产生涟漪效果：

RippleEffect.java

选择器内部的波纹效果

2 个答案: