Qt Quick - Animations and Visual Effects (part 3/4)
summary
Shows a hands‑on bouncing ball step‑by‑step that builds from single number animations to sequential and parallel number animations, easing, rotation and a MouseArea trigger so the ball animates on click. Explains debugging options (Creator debugger, an internal endoscope tool) and moves to data—repeaters, grids, list models, delegates and a chess knight example that uses JavaScript bindings. Notes practical limits: property binding costs, memory/performance on many items, and when to push logic into C++ or external JS.
AI-written summary · about
chapters (18)
- 0:00Introduction and fun with animations
- 1:07Bouncing ball animation demo
- 5:06Sequential and parallel animations
- 9:08Animation design principles
- 13:02Power of QML for rapid UI development
- 13:45Qt Creator features and QML editing
- 16:13Debugging QML files
- 22:16Introduction to Model-View in Qt Quick
- 26:10Positioners and repeaters explained
- 34:01Creating a checkerboard with repeaters
- 40:31JavaScript in QML for dynamic UI
- 51:18Separating logic from UI in QML
- 1:01:32Model updates and performance considerations
- 1:07:17Semicolons and JavaScript in QML
- 1:12:17Pure models and list models
- 1:20:28Visual models and delegates
- 1:23:41List views and grid views in QML
- 1:28:41Break and upcoming C++ integration
related talks
52mPimp your UI - Using effects, transitions, etc.
52mThe 8 mistakes of QtQuick newcomers
32mAnimations Should Be Fun
27mElegance of Movement with Reactive Angular Animations
25mElegance of Movement with reactive Angular Animations
27mAdvanced animations with Vue.js: taking your interface to the next level
15mWeb Animations: Tools and Techniques
44mPractical Web Animation