Qt Creator 和 QML 实时预览

Question

现在的问题是我不知道如何使用qml实时预览？ 我看到一个视频： https://vimeo.com/145921618

我看到this关于为Qt Creator删除此功能的帖子。 我如何在我的应用程序中实现实时编码？

Answer 1

也许您的意思是玻璃容器？

Terrarium 是一个跨平台 QML Playground：视图渲染生动 当您在编辑器中输入时，进行原型设计并进行试验 QtQuick 更有趣！

它监视 TextEdit 中的变化，并触发视图重新加载 来自本地http服务器的源。如果您正在寻找文件系统 watcher实现请参考QML LiveReload。

或者LiveReload？

Answer 2

从视频中可以明显看出，这就像每次保存文件时自动重新加载 QML 文件一样简单。

您可以轻松地自己完成此操作，设置一个

QFileSystemWatcher

，每次修改文件时，在 QML 视图中加载该文件。就这样。

当然，这仅适用于预览可以独立工作的独立组件。您可以更进一步，设置文件系统观察器来监视整个 QML 项目，并在每次发生更改时重新加载主 QML 文件。这是一个两步过程，您需要监视目录，该目录仅反映文件的添加或删除，然后您可以添加或删除这些文件来监视更改。

Answer 3

只是为了这个目的，我想分享我在网上找到的另一个工具。

它是一个基于 Web 的 QML 编辑器，可以在编写代码时立即预览。它有其局限性，但对于实时 QML 编码仍然非常有用

https://qmlweb.github.io/

Answer 4

如果有人仍然感兴趣，在我的Qt 5.10安装中，bin文件夹中有一个qmlscene.exe（与qmake或assistant位于同一位置）。在命令行上运行没问题，但在 Qt Creator 中却不行。

PS：我发现了这个： http://doc.qt.io/qt-5/qtquick-qmlscene.html