Qt Creator和QML Live Preview

Question

現在的問題是我不知道如何使用qml實時預覽？ 我看到一個視頻： https://vimeo.com/145921618

我看到this後約擦除該功能Qt Creator的。 我如何在我的應用程序中實現LiveLive代碼？

Answer 1

也許你的意思是Terrarium？

水晶球是一個跨平臺的QML遊樂場：視圖呈現活潑 你在編輯器中鍵入，使得原型和試驗用 QtQuick更多的樂趣！

它監視其TextEdit中的更改，並觸發視圖以從本地http服務器重新加載 源。如果您正在尋找一個文件系統 監視器實現，請參閱QML LiveReload。

或LiveReload？

Answer 2

從視頻中可以看出，這很簡單，只要每次保存文件的機會時自動重新加載QML文件即可。

您可以輕鬆地自己做到這一點，設置QFileSystemWatcher並且每次文件被修改時，都會在QML視圖中加載文件。在那裏你有它。

當然，這僅適用於預覽獨立工作的獨立組件。您可以進一步設置文件系統監視器來監視整個QML項目，並在每次更改時重新加載主QML文件。這是一個兩步過程，您需要監視目錄，這隻反映添加或刪除文件，然後添加或刪除這些文件以查看更改。

Answer 3

只是爲了它，我想分享我在網上找到的另一個工具。

這是一個基於Web的QML編輯器，可以在編寫代碼時立即預覽。它有它的侷限性，但仍然是活QML非常有用的編碼

https://qmlweb.github.io/