java - Android效果波纹圆圈imageView

Question

我正在尝试创建一种类似于您在 gif 中看到的播放效果的效果。

不知道你是否理解得好，它看起来是一种涟漪，但是是循环的，比如youtube应用程序视频上的涟漪。

所以我尝试这样:

<LinearLayout
        android:id="@+id/play_pause_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center">

        <ImageView
            android:id="@id/exo_play"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/background_item_selected"
            android:clickable="true"
            android:contentDescription="@string/play"
            android:focusable="true"
            android:src="@drawable/ic_play_36dp" />

        <ImageView
            android:id="@id/exo_pause"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/background_item_selected"
            android:clickable="true"
            android:contentDescription="@string/pause"
            android:focusable="true"
            android:src="@drawable/ic_pause_36dp" />

    </LinearLayout>

background_item_selected:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false">
        <shape android:shape="oval">
            <solid android:color="@color/colorAccent" />
        </shape>
    </item>
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
</layer-list>

但是我达不到想要的效果。

Answer 1

我认为这里的问题是实现，你所做的是给imageview带来涟漪效应，它应该是容器线性布局。你快完成了。我想你那里的东西会起作用的。如果你想改变波纹的颜色，请使用drawable。另请注意，ripple 仅适用于版本 21 及更高版本，因此创建一个drawable-v21 并在其中放置一个ripple 版本。

<LinearLayout
    android:id="@+id/containerDone"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="?attr/selectableItemBackground"
    android:clickable="true"
    android:focusable="true"
    android:padding="16dp">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_done_white_24dp"
        android:tint="@color/black" />

</LinearLayout>