Designing UIs

How to: Design UIs

Heart Rate Game

To create intuitive, modern-looking, fluid user interfaces (UI), use Qt Quick and Qt Design Studio.

Converting UI Projects to Applications

Converting a project that has a .qmlproject file to one that has a .pro file.

Qt Quick Designer

A visual editor for QML files (.qml) and Qt Design Studio UI files (.ui.qml).

UI files

Limitations of Qt Design Studio UI files (.ui.qml).

Using QML modules with plugins

Using C++ plugins to expose custom components to Qt Quick applications.

Use the QML live preview to preview a QML file or an entire Qt Quick application on the desktop, as well as on Android and embedded Linux devices. The changes you make to the UI are instantly visible to you in the preview.

If you need a traditional user interface that has a clear structure and enforces a platform look and feel, use Qt Widgets and the integrated Qt Widgets Designer.

Adding Qt Widgets Designer Plugins

Adding widgets to Qt Widgets Designer by creating plugins that extend Qt applications.

Qt Widgets Designer

A visual editor for Qt Widgets.

See also How to: Design UIs.