Qt Creator Design Mode for QML

[pySwagger]

I'm using Qt Creator 13.0.2 Community Edition. I've enabled the QmlDesigner plugin under the Qt Quick Header. I've created a project using the Application (Qt for Python) -> Qt Quick Application - Empty template. I've installed pyside6 in my virtual environment and my project will run. My issue is that when I activate design mode within Qt Creator and switch to the 2D tab, nothing works. I can't edit any of the properties and I can't scroll through the components, let alone drag and drop any of them. I haven't found a tutorial on using the design mode for QML Qt Quick Python apps. Am I missing something? I did notice that the QmlDesigner plugin says it's deprecated, Do I need to use Design Studio for the QML part? If so, how to I connect Studio with Creator?

[Anumas]

Hi @pySwagger,

@pySwagger said in Qt Creator Design Mode for QML:

Do I need to use Design Studio for the QML part? If so, how to I connect Studio with Creator?

Yes, you should use Qt Design Studio instead. First you should learn about the workflow, read this: https://doc.qt.io/qtdesignstudio/studio-designer-developer-workflow.html

You can as well create your project in Qt Creator first & then open it with Qt Design Studio, just make sure you check 'Create a project that you can open in Design Studio'. https://doc.qt.io/qtcreator/quick-projects.html

Use Qt Creator for developing logic & Qt Design Studio for GUI.

Note: Qt Creator looks up for CMakeLists.txt to open the project, while Qt Design Studio looks up for .qmlproject

[pySwagger]

Thank you, @Anumas. I'll start reading up!

[pySwagger]

After a lot of testing, I finally found a combination that works.

I downloaded an older version of Qt Creator - version 10.0.2.
I switched to Python 3.7.9 and installed Qt 6.6.3.
After that, I was able to get design mode in Qt Creator to work.

[pySwagger]

Still trying to get creator 13.0.2 to work in design mode. I think it requires a Qt kit instead of a Python kit. However, the Qt kit is grayed out and shows the following error when I hover over it.

Anyone know how to remedy this error?