Lottie Animations (Native)
Overview
Only works with a Custom Mendix Make it Native App
Lottie Implementation for Mendix Native
Documentation
Lottie Native Widget for Mendix
Only works with a Custom Mendix Make it Native App
Read more about that here
Example
AndroidiOS
Setup of In Mendix
PropertyDetailsAnimation JSONString version of your JSON animation. You can use this app to just drop your animation .json and get the correct string backHeightHeight of Animation (Use full for Device Height)WidthWidth of Animation (Use full for Device Width)Use as BackgroundTrue if animations is set as background and other properties is places "over" itControl TypeUncontrolled (Sequential): You define the frames to play, the animation will sequentially follow the animation path you define.
Controlled: You control the Frames by changing parameters on the fly
PropertyDetailsStart FrameFrame to start section atEnd FrameFrame to End section atLoopShould that section Loop
Note: If this is set to true, that section will play forever and the next section will not be reached. Only use this on the last sectionWhen DoneAction to call when that section is done
Note: This has to be used in a data view with a corresponding Data Model
PropertyDetailsStart Frame expressionFrame to start section atEnd Frame expressionFrame to End section atLoop expressionWhen set to false the animation will not loop
Note: This will set the Play/Pause attribute to falsePlay/Pause attributeAn attribute that will play or pause the animation, this wont immediately pause the animation, but it will finish its current section, and pause once it reaches its End Frame
JSON to String
You can use this app we built to help convert a json file to a string that Mendix can use, below is a gif demo of the app and a link to the site
Extra Info
Lottie Docs