Embed graphics animations into applications with Qt Lottie

on YouTube ↗32m

" summary

Qt Lottie lets applications load After Effects exports (via Bodymovin JSON) and render them on any platform Qt supports, implemented by parsing JSON, computing frame properties, painting frames with QQuickPaintedItem / QPainter into bitmaps, and exposing play/pause/seek/speed/loop and animation-finished signals to QML. It ships as a technical preview (early 2019), example JSONs are small (one demo is 57 KB), image/fonts support is incoming, and the prototype runs reliably for animated icons without heavy scene graph work.

AI-written summary · about

" chapters (17)

1. 0:00Introduction to Qt Lottie
2. 1:46What are animated icons
3. 3:12History of Lottie framework
4. 6:24Qt Lottie implementation
5. 9:11Using Qt Lottie in code
6. 11:01Creating Lottie animations
7. 14:24Embedding animations in apps
8. 17:37Future of Qt Lottie
9. 19:01Impact on developer workflow
10. 20:07Q&A: Lottie vs GIFs
11. 22:36Q&A: JSON file size
12. 24:25Q&A: Dynamic property changes
13. 26:12Q&A: Playback controls
14. 28:44Q&A: Performance comparison
15. 30:10Q&A: Widget support
16. 30:43Q&A: Frame rate independence
17. 31:46Closing remarks

" related talks

• 43mBridging the gap between designers and developersThomas Hartmann · Qt World Summit 2020
• 54mQML prototyping: Creating production ready and reusable codeAlexandra Betouni · QtDay 2020
• 01h 08mQt Quick Components: The Future of Qt WidgetsLeonardo Cunha · Qt Developer Days 2010 (Munich)
• 59mModern User Interfaces for C++Milian Wolff · CppCon 2015
• 30mMicrointeractions & Animations in React Native: Help users understand the UICatalin Miron · React Day Berlin 2019
• 46mQt Quick Controls Re engineeredGabriel de Dietrich · Qt World Summit 2015
• 21mSVG illustrations as React ComponentsElizabet Oliveira · React Conf 2018
• 05m5 Animations You Should Know and UseMarcos Martins · React Conf 2018