Qt

LincZero大约 2 分钟

Qt

QML 设计器

简概

创建

创建QML见：简概 > 开发流程 - 创建，有两种创建方式

QML File (Qt Quick 2)，创建.qmlQML文件
QtQuick UI File，创建两个文件 xxx.qml xxxFrom.ui.qml

编辑

编辑QML：

双击xxx.qml文件是文本编辑（QMLJS 编辑器），右键 > 用…打开 > Qt Quick Designer 编辑器，是可视化编辑
或者在文本编辑状态下，按 Qt Creator 左侧的 “设计”
双击xxxForm.ui.qml文件倒是直接可视化编辑

QML Designer

不能放入 Qt Designer 中编辑，需要开启一个插件（默认已经开启了），帮助 > 插件 > Qt Quick > QmlDesigner

Qt Quick Designer 界面有八个大窗格：左侧三个，中间三个，右侧两个。功能分别是：

左上，Library，QML控件资源库
左中，Projects，项目资源管理器
左下，Navigator，控件层次导航
中上（这个东西不见了 !!!）
- Text Editor，文本编辑器
- Form Editor，可视化编辑器
正中
- States，状态
- Timeline，时间线
中下，Output Pane，应用程序输出
左上，Properties，属性编辑
左下，Connection View，连接视图

如果你需要修改他们：菜单 View > 视图 >

编辑demo

QML File

(Qt Quick 2)

Demo.qml

import QtQuick 2.0

Item {

}

QtQuick UI File

(Qt Quick 2.4)

Demo.qml

import QtQuick 2.4

DemoForm {
}

DemoFrom.ui.qml（主要编辑这个文件）

import QtQuick 2.4

Item {
    width: 400
    height: 400
}

Bug

Window Root 时无法显示

下面的方法都没用，后来我是直接更新软件解决的

更新前：4.14.0，Based on Qt 5.15.2 (MSVC 2019, 64bit)，Built on Dec 17 2020 07:57:20
更新后：9.0.0，Based on Qt 6.4.0 (MSVC 2019, x86_64)，Built on Nov 9 2022 13:01:49

解决方法：https://forum.qt.io/topic/124259/item-could-not-be-created/28，https://stackoverflow.com/questions/67369304/how-to-fix-line-1-qt-quick-emulation-layer-crashed
菜单工具 > 选项窗口 > Qt Quick > Qt Quick Designer / Qt Quick 设计器 > QML Emulation Layout / QML 仿真层 > 切换到第二个单选项，并复制第一个选项的路径下来然后要重启QT
“这不是解决办法。它将为您提供有关仿真崩溃发生原因的调试信息。您通常可以根据调试输出找出如何停止崩溃。我应该使用任何版本的 Qt。 ” – 大卫·K·赫斯 open in new window
我切换之后的再启用设计页面，会有红色字： the qml emulation layer cannot be build. the failback emulation layer, which does not support all feature, will be used
Open error output file 后：
jom 1.1.3 - empower your cores

jom: C:\Users\A\AppData\Local\Temp\QtCreator-lfXijL\qml-puppet-build.jkawuH\Makefile.Release [release\qt5previewnodeinstanceserver.obj] Error 2
jom: C:\Users\A\AppData\Local\Temp\QtCreator-lfXijL\qml-puppet-build.jkawuH\Makefile [release] Error 2
_