Different kinds of Ripple

Martin Bonnin
1 min readMay 29, 2017

--

The regular Ripple

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#f00"
>
<item android:id="@android:id/mask">
<color android:color="#ff0000ff" />
</item>
</ripple>

The borderless Ripple

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#f00"
>
</ripple>

The semi-transparent Ripple

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#f00"
>
<item android:id="@android:id/mask">
<color android:color="#8000ffff" />
</item>
</ripple>

The completely transparent Ripple (hint: not super useful)

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#f00"
>
<item android:id="@android:id/mask">
<color android:color="#0000ffff" />
</item>
</ripple>

--

--

Martin Bonnin
Martin Bonnin

No responses yet