Android效果波纹圈imageView

Question

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

我不知道您是否理解得很好，但这似乎是一种涟漪，但却是循环传播的，例如youtube应用程序视频中的一个。

所以我这样尝试：

$ gcloud app deploy
$ gcloud app deploy cron.yaml

background_item_selected：

<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>

但是我无法达到预期的效果。

Answer 1

我认为这里的实现是错误的，您所做的是给imageview带来了涟漪效应，它应该是容器线性布局。快完成了我猜你那里有什么会工作。如果要更改波纹的颜色，请使用drawable。另外请注意，涟漪图仅适用于21版及更高版本，因此请创建一个drawable-v21并将涟漪图版本放在其中。

<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>