如何在 android 中实现 "overflowing" 连锁反应

Question

我在 YouTube 的 android 应用中看到了这种连锁反应。我想在我的应用程序中获得相同的效果。我应该创建自己的 Ripple-Drawable 还是有不同的方法？其实我已经尝试过“？attr/selectableItemBackground”但是效果却大不相同。

我的涟漪效果是这样的：

Answer 1

您可以从选择器创建波纹。请参见下面的示例。

1.This 适用于 API 21 岁及以上，在 drawable

中创建

custom_ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
    <shape android:shape="rectangle">
        <solid android:color="@color/line" />
    </shape>
</item>
<item>
    <shape android:shape="rectangle">
        <solid android:color="@android:color/transparent" />
    </shape>
</item>
</selector>

2.Add 21 以下的 drawable-v21 中的同名文件 API。

v1/custom_ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/line">

<item
    android:id="@android:id/mask"
    android:drawable="@android:color/white" />
</ripple>

最后设置 android:background="@drawable/custom_ripple" ，你想要涟漪的地方。

Answer 2

只需将值 ?android:selectableItemBackgroundBorderless 添加到 android:foreground 或 android:background

请务必使用 android 命名空间。

如何在 android 中实现 "overflowing" 连锁反应

How to achieve an "overflowing" riplle-effect in android

java

android

ripple

rippledrawable