Lite QML Designer

What is the benefit? Why is this valuable?

Widget Designer is still very popular tool and similar straightforward WYSIWYG editor for qml has been requested by many users.

What are common use cases?

• Create single views for an application project by DnD from controls library
  • Start from scratch
  • Create new project
• Use the created view part of the code project (CMake)

Technical information

Installation

• Installed as Qt Creator extension. Doesn't ship with Qt Creator.
• Qt Creator plugin apis to be validated with this extension.

Visual look

• New color palette
• New icons

Features

• Wysiwyg visual editor
  • Layout editing
    • Grid, columns, rows, responsive
    • Anchoring
  • DnD support
• Property editor
  • Layouts first, not exact coordinates
  • Re-organised to show less properties at a time
  • Translation support (qstr())
• Quick Control library

Limitations (in first iteration but could potentially be expanded to these later

• No connection or state editing in first iteration
• No animation editor (timeline & curve)
• No qmlproject support, editing is done per file
• No separate style editing but supports imported styles e.g. 9-patch image style
• No Figma project import yet
• No visual menu editor
• Windows size presets & select if mobile, embedded or desktop
• Custom control library
  • Imported user defined controls.
  • Library is not created with the visual tool

​

Deployed as a plugin in Qt Creator 14

Deployed as an extension in Qt Creator 15