首页 > 解决方案 > 设置 QtCreator 以与 KDE 框架和 Kirigami 一起使用

问题描述

我正在尝试设置 QtCreator,尤其是 QML Designer,以与 KF5 和 Kirigami 一起使用。

我现在可以编译和运行 Kirigami 示例,但 QML 支持似乎根本不起作用。代码完成不显示大多数可用组件,语法高亮显示不存在的错误。设计人员无法识别新控件,仅显示空白屏幕。

遗憾的是,我没有找到任何关于如何正确设置的完整教程。

我正在使用由 KAppTemplate 创建的 kirigami 模板进行测试,并使用此 stackoverflow answer设置 QML_IMPORT_PATH 。

使用 KDevelop 确实具有代码完成功能,但除了编译和运行应用程序之外似乎没有任何 qml 预览功能。

如果无法设置,是否有任何其他方法可以实时预览我的 qml 文件?

标签: qtqmlqt-creatorkdekdevelop

解决方案


要回答您的主要问题,可以进行设置。转到Projects > Open并找到项目的最外层CMakeLists.txt文件,该文件应位于项目的根目录下,靠近 src 文件夹。 找到项目最外层的 CMakeLists.txt

QtCreator 然后应该提示您配置项目的构建工具包。一个名为的新套件Imported Kit应显示为选中状态。按下Configure Project按钮以使用进口套件。这个工具包只是使用了你项目的 CMake 配置的 QtCreator,它是由 KAppTemplate 提供的。 确保检查了导入的套件并按配置项目

现在,关于您想要实时预览 QML 文件的意图。恐怕这仅适用于 QtQuick UI 文件和 Qt 设计表单,也就是.ui扩展名中的文件。

虽然可以在 Kirigami 项目中使用这些文件,但 Kirigami 的样板代码默认使用常规 .qml 文件。我个人建议不要手动编写 QML 代码并将其添加到.qml.ui文件中,因为它会使 QtCreator 不稳定并可能损坏您的 .ui 文件。

我不会依赖 .qml.ui 文件,因为 QML 本身实际上很容易编码。为了更好地掌握 QML,您可以在 YouTube 上观看 KDAB 的 Qt / QML 播放列表简介教程。关于 Kirigami 和 QML,了解它们的最佳资源是它们各自的官方文档。


推荐阅读