Designing UIs with Qt Quick 4/6, Animations Part 1
summary
Hands-on walkthrough of QML list and grid patterns with live coding: building ListModel + delegate + ListView/GridView examples, wiring data from XMLListModel and SQL or C++ models via JavaScript, and adding item animations using onAdd/onRemove handlers that slide and fade elements. Covers PathView carousels, Flow/Repeater layouts, performance tradeoffs (only visible delegates instantiated), and the common binding bug where direct JS assignment breaks bindings and how to use the alias property vs assignment to avoid it.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:58List view basics
- 9:29Grid view overview
- 11:57Path view explained
- 14:04Working with models
- 18:26List animations
- 29:23Positioning elements
- 33:12Flow layout
- 37:47Binding pitfalls
- 48:31State machines
- 50:20Designer developer roles
- 59:50Qt Quick for designers
- 1:01:17Q&A
related talks
24mThe Roadmap: Next Generation Qt (part 2/2)
28mQML, a Booming Graphic Framework
55mUI Design for Small Screen Devices
01h 12mQt/3D QML Scripting for UI Designers and Hackers
10mLightning Talk, Qt 3D CAD demo
46mQt Quick Controls Re engineered
01h 35mIntroduction to Qt 3D - Giuseppe D’Angelo - [ACCU 2017]
43mBridging the gap between designers and developers