如何將Qt Design Studio工程轉換為Qt Creator工程

在實際QML使用中，可能會存在多人協(xié)同開發(fā)或者C++與QML混合開發(fā)的使用場景，這時候可能會使用不同的軟件，多數情況下是Qt Creator和Qt Design Studio兩款軟件協(xié)同使用。（畢竟很多時候做出一個漂亮的軟件外觀比實現(xiàn)軟件的功能要繁雜一些）

注：從Qt Design Studio 2.3.0開始，Qt Design Studio項目向導模板生成的項目可以用CMake構建。意味著可以在Qt Creator中打開CMakeLists.txt項目文件，繼續(xù)開發(fā)項目。

所以，如果熟悉CMake構建系統(tǒng)，QtCreator和Qt Design Studio之間轉換就非常方便。本文假設使用qmake作為構建系統(tǒng)，下文將描述如何將Qt Design Studio工程轉換為Qt Creator工程。

在Qt Design Studio創(chuàng)建用戶界面非常方便。如果想要在Qt Creator中使用Qt Design Studio的工程進行應用程序開發(fā)，則需要添加四個文件：

（1）工程配置文件（CMakeLists.txt或者.pro）

（2）C++程序文件（.cpp）

（3）資源文件

（4）將應用程序部署到設備所需的代碼

首先，我們使用Qt Creator向導模板來創(chuàng)建使用qmake構建系統(tǒng)構建的Qt Quick應用程序，然后將源文件從Qt Design Studio項目路徑復制到應用程序項目中。

使用項目配置文件中（.pro）的RESOURCES選項，自動將所有QML文件和相關資產添加到Qt資源集合文件(.qrc)中。注意：大文件應作為外部二進制資源包含，不要將它們編譯進二進制文件中。

創(chuàng)建向導會自動將QML_IMPORT_PATH選項添加到項目配置文件中，用于指定QML的導入路徑。只有在多個子目錄中包含QML文件時，才需要指定該路徑。

然后，我們可以使用C++源文件中的QQuickView類在應用程序啟動時顯示主QML文件。

Qt Quick Studio Components模塊在安裝Qt Design Studio時會自動安裝。如果我們想在Qt Creator中編輯項目中的模塊使用Qt Quick Studio Components或Effects，必須構建該模塊并將其安裝到Qt中才能構建項目。

轉換過程演示

本小節(jié)描述如何將具有.qmlproject文件的項目轉換為.pro項目的示例。轉換步驟如下：

（1）運行啟動QtCreator軟件。依次選擇 File->New Project->Application(Qt)->Qt Quick Application->Choose：

（2）在Build System選擇中，選擇qmake作為構建和運行項目的構建系統(tǒng)，然后選擇Next：

（3）按照創(chuàng)建向導的指示完成項目的創(chuàng)建。

（4）在Qt Design Studio中，依次點擊『File』->『Generate QRC Resource File』選項生成資源文件。

（5）在文件資源管理器中，將Qt Design Studio項目目錄中的所有文件復制到Qt Creator應用程序項目目錄中的一個子目錄中（將該目錄命名為qml，需要提前創(chuàng)建）。

（6）打開應用程序項目文件（.pro），并編輯RESOURCES選項的值，添加如下文本：

RESOURCES+=
$$files(qml/*)

（7）在（.pro）文件中編輯QML_IMPORT_PATH選項值，用于指定QML導入路徑：

QML_IMPORT_PATH=qml/imports

（8）選擇Build-> Run qmake將RESOURCES選項應用于構建配置

（9）打開main.cpp文件將QQmlApplicationEngine對象（一般使用QtCreaotr創(chuàng)建的工程，其默認在main()函數中使用的是QQmlApplicationEngine）替換為QQuickView對象（如果是在qml中使用Window等視圖類型作為根目錄包含的qml文件，則不用替換）：

QQuickViewview;
view.engine()->addImportPath("qrc:/qml/imports");
view.setSource(QUrl("qrc:/qml/ProgressBar.ui.qml"));
if(!view.errors().isEmpty())
return-1;
view.show();

（注：上述代碼為一個示例）

通過以上步驟，則完成Qt Design Studio向QtCreator工程的轉換。通過該種方式，我們可以使用QtCreator做開發(fā)，Qt Design Studio做設計了。（新工程，文件資源的引入路徑可能會被修改，將他們改成正確的引入路徑即可）