Material Design Ripple Click Effect Demo In #Delphi XE8 Firemonkey On #Android And #IOS

Delphi XE8 Firemonkey Material Design Ripple Click Effect Android IOS WindowsOne of the new material design effects which is found in Android Lollipop is the Ripple Click Effect. This effect is basically a colored expanding circle that starts at the point of the click or touch in a control. The circle expands until if fills the entire control before disappearing. The circle is also clipped inside of the control. Achieving this effect in Firemonkey is very simple using the built in TCircle and TFloatAnimation components. I have created an example of this effect which is automatically applied (via Duck Typing) to all controls within the current form which have an OnMouseDown event. This ripple click effect works across platforms on Android, IOS, OSX, and Windows. It works by setting the parent of an existing TCircle to the control which was clicked in the OnMouseDown event. The center of the circle is set to the OnMousedown X and Y. TFloatAnimation is used to automatically expand the height and width of the circle until it consumes the entire inside of the control at which point is disappears again. You can customize the circle and the effect to your liking. The demo should also work in Appmethod. Here is some sample source from the demo:

Download the free demo example with source code of the Material Design Ripple Click Effect for Delphi XE8 Firemonkey.

Have Delphi Firemonkey questions? Ask and get answers on StackOverflow.

Material Design Ripple Click Effect Demo In #Delphi XE8 Firemonkey On #Android And #IOS by Delphi XE5 XE6 XE7 XE8 10 Seattle Berlin Firemonkey, Delphi Android, Delphi IOS is licensed under a Creative Commons Attribution 4.0 International License.

One Response to Material Design Ripple Click Effect Demo In #Delphi XE8 Firemonkey On #Android And #IOS

  1. Pingback: What’s New Roundup For Firemonkey In #Delphi 10 Seattle On Android, Windows, OSX, And IOS | Delphi XE5 XE6 XE7 XE8 Firemonkey, Delphi Android, Delphi IOS

Leave a Reply

Show Buttons
Hide Buttons
Read previous post:
Delphi XE8 Firemonkey NFC Android Library
Near Field Communication (NFC) Interface Library For Delphi XE8 Firemonkey On Android

Developer Erik Salaj from Winsoft has released a new NFC library for Delphi XE8 Firemonkey on Android. NFC stands for...

Close