QML prototyping: Creating production ready and reusable code
summary
Shows how a prototype becomes reusable production UI by enforcing a model-view-controller structure (non‑visual QML stores for backend access), avoiding dynamic scoping, and using loaders and async Image for lazy startup. Demonstrates a Neptune/MBUX-style music app with album panels to prove the approach works, recommends Quick Controls 2 for widget reuse, QML Profiler and C++ backing for heavy logic, border-image and SVGs for scaling, and a style.qml singleton to centralize asset paths and fonts.
AI-written summary · about
chapters (17)
- 0:00Qt day
- 7:21THE DEFINITION OF A PROTOTYPE
- 10:02DEVELOPMENT CYCLE
- 11:03THE DESIGN ITERATION PROCESS
- 12:32BUILDING A GOOD BASE NOT AN ONION
- 13:27SUPPORT DIFFERENT BACKENDS: MVC
- 14:25APPLYING MVC IN QML PROTOTYPES: MODEL
- 15:50MUSICSTORE.QML
- 17:10APPLYING MVC IN QML PROTOTYPES: VIEW
- 18:41APPLYING MVC IN QML PROTOTYPES: CONTROLLER
- 19:45NEPTUNE UI EXAMPLE - MUSIC APP STRUCTURE
- 28:32ELIMINATE DEPENDENCIES
- 31:56PERFOMANCE? BUT IT'S A DEMO!
- 36:30SUPPORT DIFFERENT RESOLUTIONS: RESPONSIVE UI
- 39:51FLEXIBLE WIDGETS: QT QUICK CONTROLS 2
- 41:05QT QUICK CONTROLS 2: RADIO BUTTON EXAMPLE
- 46:25SUMMING UP (2)
related talks
01h 08mQt Quick Components: The Future of Qt Widgets
46mQt Quick Controls Re engineered
59mModern User Interfaces for C++
43mBridging the gap between designers and developers
21mQSkinny - A new QtQuick framework focusing on vector graphics and dynamic theming
26mMake UI components that behave like you want them to with QML
32mEmbed graphics animations into applications with Qt Lottie
37mLet your design evolve, adopt a Design System!