Designing UIs with Qt Quick 1/6 - Design Workflow Part 1
summary
Hands-on demo of Qt Quick/QML shows designers building interactive, pixel‑perfect UI prototypes in minutes using Qt Creator and live QML files (import QtQuick 1.0). Concrete tools and claims: declarative bindings auto‑update layout, MouseArea and Flickable handle touch/drag, BorderImage makes scalable controls, TextInput and key handlers manage focus. Examples built and run live: Hello World, scalable spaceship image, draggable slider/scroll, key‑nav grid and flickable gallery — all function in the demo without a compile step.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 7:31Traditional Model
- 8:20Interaction Designers
- 12:52Qt Quick
- 15:04Twoway communication
- 15:44Conclusion
- 18:50What is Qt Quick
- 21:29Qt Quick version
- 21:51Action Script vs Qt Quick
- 23:15Rectangle
- 24:14Item
- 25:14Item vs Qt widgets
- 27:25Rectangles
- 31:25Image
- 37:30Text
- 42:54Mouse Area
- 46:15Scroll Bar
- 56:07Focus
related talks
24mThe Roadmap: Next Generation Qt (part 2/2)
55mUI Design for Small Screen Devices
28mQML, a Booming Graphic Framework
43mBridging the gap between designers and developers
46mQt Quick Controls Re engineered
56mTurn Sketch or Photoshop UI designs into working prototypes
01h 12mQt/3D QML Scripting for UI Designers and Hackers
10mLightning Talk, Qt 3D CAD demo