
A mouse area that automatically adds a ripple effect on android devices. More...
Import Statement: | import Felgo 3.0 |
Since: | Felgo 2.6.2 |
cancelOnMouseMove : bool |
Whether the mouse area cancels all mouse events if the mouse was moved more than 100 dp while being pressed. The default is true
.
centerAnimation : bool |
Whether the fill animation should always start at the center of the ripple effect. The default is false
Whether the ripple effect uses a circular background (e.g. for icons) or a rectangular one (e.g. for items in a list). If set to true
, the internal background rectangle is configured to show a default circle
shape based on the RippleMouseArea::radius. This property is initially set to true
.
See also RippleMouseArea::radius and RippleMouseArea::touchPoint.
clickedDuration : int |
Duration of the ripple animation in milliseconds when the item is clicked. The default value is 150
ms.
Specifies whether the effect should stay at a fixed position or follow the touchPoint. The default is true
.
See also RippleMouseArea::touchPoint.
hoverEffectEnabled : bool |
Set this property to enable an hover effect for the ripple mouse area. It uses the color from backgroundColor.
This property was introduced in Felgo 3.3.0.
Alias to the radius used for the hover effect on desktop.
By default, this property is 0
.
This property was introduced in Felgo 3.3.0.
pressedDuration : int |
Duration of the ripple animation in milliseconds when the item is pressed. The default value is based on the item size.
Allows to add a radius to the effect background. Can be used together with RippleMouseArea::circularBackground to create different shapes. If circularBackground is set to false
, the radius may be used to create a rounded rectangle. If set to true
, the radius specifies the radius of
the circle.
See also RippleMouseArea::circularBackground.
rippleEffectEnabled : bool |
Whether the mouse area shows a ripple effect when pressed.
This property was introduced in Felgo 2.18.2.
Specifies the mouse touch point at which the ripple effect is displayed. If RippleMouseArea::circularBackground is set to true
, the position of
the current touch is used by default. Otherwise the effect is centered within the mouse area.
See also RippleMouseArea::circularBackground and RippleMouseArea::fixedPosition.