How can I disable Android Lollipop ripple's alpha value?
Asked Answered
D

1

19

I have a ripple working with a custom color. However, the color is never fully opaque. According to the answers from What should be the color of the Ripple, colorPrimary or colorAccent? (Material Design) it always has an alpha of 40%. Looking at the answers I've tried to use the following v21 specific drawable xml to force an opaque red background once selected:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="#ffff0000">
    <item android:id="@android:id/mask">
        <color android:color="#ffffffff" />
    </item>
</ripple>

However, I always get an alpha red, not an opaque red as I want. Is it possible to get an opaque ripple? Here is a screenshot of the ripple, where the red is never fully opaque.

enter image description here

You can find a simple example of the ripple effect at https://github.com/gradha/Stackoverflow33217896 using an XML ripple and another one generated by code. The latter suggests it is not possible to implement an opaque ripple without rewriting the code.

Dzerzhinsk answered 19/10, 2015 at 15:8 Comment(3)
As you can see in source of RippleDrawable, halfAlpha is computed and applied to the Paint object. And that is not configurable, meaning no if-else statement to change that with styles or programatically.Pelt
android.jlelse.eu/…Stradivari
have you got any solution?Larcher
R
1

You can simply put alpha value for bounded ripple.

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="?android:attr/colorAccent">
    <item android:id="@android:id/mask">
        <color android:color="#42ffffff" />
    </item>
</ripple>

for unbounded ripple You can set opacity from color if you know your accent color

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

colors.xml

<resources>
    ...
    <color name="accent">#ff33b5e5</color>
    <color name="accent_alpha26">#4233b5e5</color>
</resources>
Rossuck answered 25/7, 2018 at 13:22 Comment(1)
Color value... Check carefullyRossuck

© 2022 - 2024 — McMap. All rights reserved.