RAD Studio 10.4.1 is now available! Learn more. Looking for discounts? Visit our Special Offers page!
C++CodeDelphiRAD Studio

Learn How To Quickly Animate, Apply Image Effects, Transition Effect To Your Delphi And C++ FireMonkey Apps

Animation, Effects and Transition are the words applied mostly to the Film Industry and those days were gone. But these become the basic expectation from the customer for any Mobile, Desktop, Web Applications. A simple meme requires animations to convey a message more creatively. Will you miss to provide such a feature in your Delphi/C++ Application to wow your customers? This post will provide a quick overview of animation, Image Effects, Transition, and Direct how to do the same in FireMonkey Applications.

Animation: Animations modify property values over time. They can be started automatically or manually, both with an optional delay. After the animation has run its course over the defined time period, it can stop, start over, or do the same but in reverse.

Kinds of Animation : The provided subclasses of TAnimation fall into three categories:

  • Interpolations from a start value to an end value:
    • TIntAnimation changes any property that is an integer.
    • TFloatAnimation changes any property that is a real number, like position (X, Y, and Z axes must be done separately), rotation, and opacity.
    • TRectAnimation changes the location of the four edges of a TBounds property.
    • TColorAnimation changes any string or integer property that contains a color, including those of type TAlphaColor (which is actually a Cardinal number), by modifying the red, green, blue, and alpha values of the color.
    • TGradientAnimation changes a gradient (type TGradient) by modifying the colors of each point that defines the gradient.
    • TBitmapAnimation transitions from a starting bitmap image to another by drawing the final image (type TBitmap) with increasing opacity, causing it to fade into view.
  • Interpolating through a series of values, not just two: from the first to the second, from the second to the third, and so on:
  • Stepping through a list without interpolation:
    • TBitmapListAnimation works like a timed slideshow, with all images combined horizontally into a single bitmap. With a fast frame rate (short duration and/or many images), it looks like a movie.

Animation Type Controls how Interpolations is applied(Start and End).

Image Effects: The FireMonkey built-in ImageFX engine provides over 50 GPU-powered effects. These effects are nonvisual components that can be found in the Effects category on the Tool Palette. All the provided effects can be simply enabled or disabled by setting the Enabled flag from the Form Designer, or programmatically. To know More about the Kinds of effects Check here

Transition Effects: FireMonkey includes over twenty image transition effects, in which source pixels are progressively transformed into a target bitmap image, from simple fades to fancy banded swirls. The progress of the transformation is deterministic and can be set to an arbitrary percentage. This percentage can be animated to transition over time. To animate the progress of the transformation, see Apply an Animation Effect to a Property of an Image Effect.

I guess, You might got rough idea on Animation, Effects, Transition Effects. Watch this Video, Delphi Skill Sprint – Using Effects, Animations and Transitions on FireMonkey shown below for Demonstration.

Check this video for more demonstration on the same topic which covers FMX TTabControl Transitions as well.


Reduce development time and get to market faster with RAD Studio, Delphi, or C++Builder.
Design. Code. Compile. Deploy.
Start Free Trial   Upgrade Today

   Free Delphi Community Edition   Free C++Builder Community Edition

Related posts
DelphiRAD Studio

Learn To Add Custom Text Rendering And Formatting Capabilities To Your Delphi FMX Controls Quickly

C++DelphiIDE

Get A Visually Stunning FireMonkey App Settings Template For Free Via Embarcadero GetIt

DelphiRAD Studio

Flexible FireMonkey Material Design Templates Available Via GetIt In Delphi

DelphiShowcase

Easy-to-use Orbit Simulator Built In Delphi FireMonkey For Learning Gravitational Physics

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

IN THE ARTICLES