---

theme: channing-cyan

本文已參加【新人創作禮】活動，一起開啟掘金創作之路。

---

📒部落格首頁：何名取 的個人主頁 - 文章 - 掘金 (juejin.cn)\ 🎉歡迎關注🔎點贊👍收藏⭐️留言📝\ ❤️期待一起交流！\ 🙏作者水平很有限，如果發現錯誤，求告知，多謝！\ 🌺有問題可私信交流！！！

---

Creating Projects

Qt Design Studio的主要優勢之一是，它允許設計人員和開發人員使用通用的設計、開發、分析和除錯工具在不同的開發平臺上共享一個專案。

建立專案使您能夠: - 檔案組 - 包括UI檔案(.ui.qml)、元件檔案(.qml)和資產檔案 - 設定使用者介面預覽

在Qt Design Studio中設定一個新專案可以通過嚮導逐步指導您完成專案建立過程。嚮導模板提示您輸入特定型別專案所需的設定，併為您建立必要的檔案。

要測試您的設計工作得如何，您可以在桌面、嵌入式Linux裝置或Android裝置上預覽ui。

您可以從其他設計工具匯出設計並匯入到專案中，或使用以下向導預置從頭建立它們:

型別	嚮導預設	描述
General	Empty	建立使用預設元件(如矩形、影象和文字)的專案。您可以在所有目標平臺上執行該應用程式。
	3D	建立使用預設和3D元件(如相機、燈光、3D模型和材料)的專案。
Qt for MCUs	MCU	建立一個應用程式，使用預設元件的子集(如Qt支援的MCU)，您可以部署，執行和除錯MCU板。
Mobile	Scroll	建立一個使用Qt Quick控制元件實現可滾動列表的應用程式。
	Stack	建立一個應用程式，使用Qt Quick控制元件實現一組基於堆疊的導航模型的頁面。
	Swipe	建立一個使用Qt Quick控制元件實現可滑動螢幕的應用程式。
Desktop	Launcher	建立使用預設元件(如矩形、影象和文字)的專案，並定義啟動程式。

使用專案嚮導

建立一個新專案: 1. 選擇File > New Project 2. 在“Presets”選項卡中，選擇嚮導預設。 3. 在Details選項卡中: - 為專案輸入一個名稱。請記住，以後不能輕易地重新命名專案。 - 選擇專案檔案的路徑。稍後您可以移動專案資料夾。 - 設定桌面或裝置介面預覽的螢幕解析度。這決定了螢幕的大小。您可以稍後在屬性中更改螢幕大小。 - 選擇“Use Qt Virtual Keyboard”允許使用者使用虛擬鍵盤輸入文字。 - 在Target Qt Version中，選擇用於開發應用程式的Qt版本。雖然您可以稍後在專案的執行設定中更改Qt版本，但請記住這兩個版本不是完全相容的。 4. 在“Style”選項卡中，選擇要使用的預定義UI樣式之一。 5. 選擇Create以建立專案。

Qt Design Studio建立以下檔案和資料夾: - .qmlproject專案檔案定義專案資料夾中的所有元件、JavaScript和影象檔案屬於專案。因此，您不需要單獨列出專案中的所有檔案。 - .qml檔案定義元件的功能和外觀。 - Screen01.ui.qml定義了一個可以在表單編輯器中編輯的自定義元件。
預設情況下，這是專案中的主檔案，但是您可以在.qmlproject檔案中更改它。雖然自定義元件對於新使用者來說是一個很好的起點，但您不必使用它。特別是，如果您使用Qt Bridge匯出和匯入設計，那麼您的主檔案很可能被稱為其他檔案。 - CMakeLists.txt專案配置檔案，允許您與開發人員共享您的專案作為一個完全工作的c++應用程式。 - qtquickcontrols2.conf檔案指定首選的樣式和一些特定於樣式的引數。 - fonts資料夾包含已新增到庫>資產中的字型檔案。 - imports資料夾中包含一個Constants.qml檔案，它為Arial字型和螢幕解析度指定一個字型載入器。預設Screen.ui.qml矩形的大小應該設定為width: Constants.width & height: Constants.height ，以便它繼承這裡儲存的全域性解析度。 - qmldir模組定義檔案聲明瞭Constant元件。 要在UI中使用JavaScript和影象檔案，請選擇Library > Assets > ➕。

向專案中新增檔案

還可以使用嚮導模板向專案新增單個檔案。

在Qt Quick Controls類別中的嚮導模板建立Qt Quick Controls模組中元件的可樣式版本。您可以建立以下型別的檔案:

型別	嚮導模板	描述
Qt Quick Files	Flow Item and Flow View	生成可用於設計應用程式流的元件。
	Qt Quick File	生成一個元件，使用以下預設元件或定位符作為根元件:專案、矩形、影象、邊框影象、可伸縮、行、列、流或網格。
	Qt Quick UI File	生成一個UI檔案，其中一個元件作為根元件。
	Qt Quick Views	生成網格檢視或列表檢視。
Qt Quick Controls	Custom Button	建立帶有文字標籤的按鈕。
	Custom CheckBox	建立一個複選框。
	Custom Dial	建立一個旋鈕。
	Custom Slider	建立一個滑塊。
	Custom SpinBox	建立一個旋轉框。
	Custom Switch	建立具有開和關狀態的開關。
	Pane	提供與UI樣式和主題匹配的背景。
	StackView	提供基於堆疊的導航模型。
	SwipeView	允許使用者通過橫向滑動來導航頁面。
QML Files	ListModel	向專案新增列表模型。
JavaScript	JavaScript File	生成可用於編寫應用程式邏輯的檔案。這對於在開發人員用c++實現應用程式邏輯之前測試應用程式是很有用的。