Qt Creator 和 QML 实时预览答案

【问题标题】：Qt Creator and QML Live PreviewQt Creator 和 QML 实时预览
【发布时间】：2019-01-31 14:39:47
【问题描述】：

现在的问题是不知道怎么用qml live preview？我看过一个视频： https://vimeo.com/145921618

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

【问题讨论】：

标签： qt qml

【解决方案1】：

也许你的意思是Terrarium？

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

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

或者LiveReload？

【讨论】：

LiveReload，这就是我需要的。谢谢沉睡者。
根据我的测试，两者都不能在带有 Mojave 的 Mac 上工作

【解决方案2】：

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

您可以自己轻松地做到这一点，设置QFileSystemWatcher 并且每次修改文件时，在 QML 视图中加载文件。你有它。

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

【讨论】：

【解决方案3】：

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

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

https://qmlweb.github.io/

【讨论】：

【解决方案4】：

如果有人仍然感兴趣，在我的 Qt 5.10 安装中，bin 文件夹中有一个 qmlscene.exe（与 qmake 或助手相同的位置）。在命令行上运行很好，但它不在 Qt creator 中。

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

【讨论】：