Stack Overflow
Stack Overflow

Questions tagged [ripple-effect]

55 questions
2
votes
4 answers

How do I create a ripple button effect in QML?

I'm using QtQuick/QML and I want to create a ripple effect when I click on a button. I do know that this is available in Material Style, but I think it's an inherent property when you change the theme and I don't want to change anything else in my…
Shravan
  • 75
  • 1
  • 1
  • 10
2
votes
1 answer

Button with background color, ripple effect renders in upper left corner only

Button with background color when clicked ripple effect renders abnormally with a shaded or faded rectangular selection area in upper left corner only instaed of the whole button area. VS 2017, Xamarin 4.10.10.2, Xamarin.Andriod SDK 8.3.3.2
Santosh Thapa
  • 137
  • 1
  • 1
  • 7
1
vote
1 answer

Ripple Effect animation SwiftUI

I am attempting to create a ripple effect on a button, but the animated circles are going below the button, and the ZStack is not functioning as expected. Expected Result I want the outer two circles to be continuously going out of the central dark…
Iftikhar Hussain Orakzai
  • 85
  • 8
1
vote
2 answers

Make Image.asset have ripple effect on tap flutter

I am trying to make my Image.asset() in Flutter have a ripple effect whenever the image is tapped Below are my image assets Image.asset('images/ic_close.png') I have tried placing it inside InkWell and providing a splash color but it's also not…
Emmanuel Njorodongo
  • 1,004
  • 17
  • 35
1
vote
1 answer

How to apply a ripple to an rectangle drawn in Jetpack compose's canvas?

I have a sample composable function that's contains a rectangle drawn in a Canvas composable. The detectTapGestures within the pointerInput Modifier is used to detect whenever any point in the Canvas is touched, specifically within the rectangle…
Kun.tito
  • 165
  • 1
  • 7
1
vote
3 answers

Flutter: Material Widget And SingleChildScrollView Render Conflict Inside Drawer

This problem only happens inside Drawer I wanted to shape the ripple effect of my ExpansionTile so I used the Material widget and it works, but when the tile expands, the background color of the tiles below ExpansionTile does not move with…
amir kazemzade
  • 21
  • 3
1
vote
0 answers

@Composable invocations can only happen from the context of a @Composable function in LaunchEffect

Hey guys I am working in ripple effect in jetpack compose. I create one function for ripple effect and use this function to Material button. When I call the Material button inside LaunchEffect it's giving me error. @Composable invocations can only…
Kotlin Learner
  • 3,995
  • 6
  • 47
  • 127
1
vote
1 answer

Show Ripple on Android Button when Clicking Programmatically

When I click on an Android Button, it ripples nicely. I want to trigger the same effect, but programmatically. Right now, I use performClick() and that works --- a click is registered and the button's onClick() code is called. However, there's no…
Elliptica
  • 3,928
  • 3
  • 37
  • 68
1
vote
1 answer

How do I get the ripple effect work in Varlet UI?

I am using Vue v3.2.20 with Varlet UI v1.25.0 and Bootstrap 5 in my project. So far everything worked well, but I can't get the ripple effect working anywhere, even on the buttons. I don't get any errors or warnings in the console. A simple button…
Gevorg Melkumyan
  • 628
  • 1
  • 12
  • 24
1
vote
1 answer

Remove ripple effect from ShapeableImageView with setOnClickListener

I have this ShapeableImageView for which I want to handle the click event but without the ripple effect that looks bad because the container is as small as the button and there's no room for the effect to expand nicely. So, I want to disable it for…
alexmro
  • 563
  • 4
  • 16
1
vote
1 answer

I faced a conflict in using DropShadow and Ripple

I wrote a Ripple item in a Rectangle Item and enabled clip property of the Rectangle to prevent the Ripple drawing get out of that Rectangle. without DropShadow: Everything works fine until I add a DropShadow to that Rectangle. Although it is…
mmjvox
  • 37
  • 1
  • 7
1
vote
1 answer

Android RecyclerView triggering background selector/ripple for some views on scrolling

I have a RecyclerView with the row layouts having some clickable TextView elements that have the background set to ?attr/selectableItemBackground. The issue I'm facing is that the background ripple selector gets triggered when we are scrolling the…
Kiran Parmar
  • 788
  • 9
  • 26
1
vote
3 answers

RadioButton in ListView ripple effect

I have problem with RadioButton ripple effect. I want get this: I have ripple in full background of list item but I have this: I have ripple only around mark How can I implement this?
Виталий Туренко
  • 11
  • 2
1
vote
1 answer

MDC button ripple does not draw at all

So I am using MDC (Material design components) without node.js, meaning I have to import it like this:
user11958848
1
vote
1 answer

React add element by onClick and remove them after timeout

I want to create ripple-effect on button. When I click on Button component I want to add span element as it's child. It contains some CSS to make ripple effect. After 900ms I want to remove this span element. This idea founded here Here some Sandbox…
J. Doe
  • 502
  • 1
  • 7
  • 16
1
2
3 4