Designing UIs with Qt Quick 3/6, Visual Elements
summary
Covers hands-on Qt Quick work: building a spaceship demo in QML inside the QML Designer, creating reusable components (button -> ButtonNew.qml), wiring JavaScript modules with import, and using states plus transitions to animate positions. Shows practical pitfalls: anchors apply before scaling causing offset errors, need to set transform origin or compute final sizes, and behavior binds animations to properties for automatic motion. Demonstrates number, parallel, sequential and rotation animations, signals forwarded from components, and a working live prototype.
AI-written summary · about
chapters (9)
- 0:00Introduction to UI motion
- 1:34Positioning elements in QML
- 11:10States and state transitions
- 21:49Animations and transitions
- 29:25Behavior and reusable animations
- 33:20JavaScript integration in QML
- 44:37Creating reusable components
- 51:19Signals and event handling
- 1:00:05Qt Quick vs traditional widgets
related talks
24mThe Roadmap: Next Generation Qt (part 2/2)
55mUI Design for Small Screen Devices
28mQML, a Booming Graphic Framework
01h 12mQt/3D QML Scripting for UI Designers and Hackers
01h 35mIntroduction to Qt 3D - Giuseppe D’Angelo - [ACCU 2017]
43mBridging the gap between designers and developers
10mLightning Talk, Qt 3D CAD demo
27mModern 3D user interface design with Qt Quick