# Qt/Qml 研究心得(1):設計架構MVVM 為何要提MVVM架構? Qt5中的QtQuick增加了Qml撰寫方式 雖然官方未直接表示加入Qml,等於是MVVM架構。 ![](https://i.imgur.com/cgdGRY0.jpg) 把UI的外觀獨立出來,更方便開發的工程師有更清楚的邏輯。 有別於Qt5之前的Qt Creator的圖形介面設計。 Qml提供Javascript的撰寫,讓擅長Web開發的前端工程師可以在應用程式更快上手。 Qml的Scope架構像極了Html的標籤結構,而Property更是像與Css相似。 <br> 但這邊也要說,對較擅長前端的開發者而言。 應用程式對的驅動引擎不是瀏覽器,沒辦法很直覺的在瀏覽器的log直接查看並Debug。 這或許也是目前前端工程師必須克服的地方。 <br> Qml目前所支援的標籤,沒有像Qt提供C++的屬性那麼多元, 許多還是需要倚靠C++的開發工程師在Qml 註冊元件才行。 ``` main.c++ qmlRegisterType<LiveImage>("MyApp.Images", 1, 0, "LiveImage"); ``` ``` qml LiveImage{ ... } ```