ripple | JQuery plugin for a ripple effect | Plugin library

You can do it by providing LocalRippleTheme. All views inside CompositionLocalProvider content will have no ripple.

From the documentation:

interactionSource - the MutableInteractionSource representing the stream of Interactions for this Switch. You can create and pass in your own remembered MutableInteractionSource if you want to observe Interactions and customize the appearance / behavior of this Switch in different Interactions.

So you can write your own MutableInteractionSource like this:

Most of Compose controls have interactionSource parameter for this purpose. Here's how you can use it:

Touches on the ViewGroup whether directly on the ViewGroup or a child flow from the ViewGroup to the child and back down. I find this post and its associated Stack Overflow answer helpful in understanding touch events.

To get the PreferenceScreen ripple effect, set up the layout with the parent layout of the switch as clickable and focusable with a ripple background.

We will want the same response whether the switch or the ViewGroup is directly touched. The switch has its own responsive background, so the background of the switch is set to @null so it is not highlighted on touch events. This can be removed if the highlighting is desired.

I really don't think you can change the ripple color opacity because it is decided by the framework. It is handled by the RippleDrawable class for devices with lollipop and above and RippleDrawableCompat class for pre lollipop devices.

Ripple opacity will be determined by the Android framework when available. Otherwise, this color will be overlaid on the button at a 50% opacity when button is pressed.

From MaterialButton documentation.

If you really want solid black color ripple , you can try creating a custom drawable with selector tag and set it as background in your button with backgroundTint as "null". However i don't recommend doing this.

For Separator & Ripple Effect Use

You use Modifier.indication to add ripple effect, and pass events with interactionSource to update it state like this:

From the source, the class name where the animationDuration is set is MuiTouchRipple-rippleVisible. You just need to override that value:

V5