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

注：從Qt Design Studio 2.3.0開始，Qt Design Studio項(xiàng)目向?qū)０迳傻捻?xiàng)目可以用CMake構(gòu)建。意味著可以在Qt Creator中打開CMakeLists.txt項(xiàng)目文件，繼續(xù)開發(fā)項(xiàng)目。

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

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

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

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

（3）資源文件

（4）將應(yīng)用程序部署到設(shè)備所需的代碼

首先，我們使用Qt Creator向?qū)０鍋韯?chuàng)建使用qmake構(gòu)建系統(tǒng)構(gòu)建的Qt Quick應(yīng)用程序，然后將源文件從Qt Design Studio項(xiàng)目路徑復(fù)制到應(yīng)用程序項(xiàng)目中。

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

創(chuàng)建向?qū)?huì)自動(dòng)將QML_IMPORT_PATH選項(xiàng)添加到項(xiàng)目配置文件中，用于指定QML的導(dǎo)入路徑。只有在多個(gè)子目錄中包含QML文件時(shí)，才需要指定該路徑。

然后，我們可以使用C++源文件中的QQuickView類在應(yīng)用程序啟動(dòng)時(shí)顯示主QML文件。

Qt Quick Studio Components模塊在安裝Qt Design Studio時(shí)會(huì)自動(dòng)安裝。如果我們想在Qt Creator中編輯項(xiàng)目中的模塊使用Qt Quick Studio Components或Effects，必須構(gòu)建該模塊并將其安裝到Qt中才能構(gòu)建項(xiàng)目。

轉(zhuǎn)換過程演示

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

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

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

（3）按照創(chuàng)建向?qū)У闹甘就瓿身?xiàng)目的創(chuàng)建。

（4）在Qt Design Studio中，依次點(diǎn)擊『File』->『Generate QRC Resource File』選項(xiàng)生成資源文件。

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

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

RESOURCES+=
$$files(qml/*)

（7）在（.pro）文件中編輯QML_IMPORT_PATH選項(xiàng)值，用于指定QML導(dǎo)入路徑：

QML_IMPORT_PATH=qml/imports

（8）選擇Build-> Run qmake將RESOURCES選項(xiàng)應(yīng)用于構(gòu)建配置

（9）打開main.cpp文件將QQmlApplicationEngine對象（一般使用QtCreaotr創(chuàng)建的工程，其默認(rèn)在main()函數(shù)中使用的是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();

（注：上述代碼為一個(gè)示例）

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