在對Qt Quick和QML有了一些了解后，現在我們來熟悉一下這個全新的Qt Quick Designer界面。
在這一篇中我們會用一個例子來介紹一下Qt Quick Designer界面，但是不會對代碼進行過多的講解。到下一篇我們講解QML組件時會對這個程序生成的代碼進行逐行講解，再往后的幾篇，我們就會對Qt Quick中的幾個特色功能進行舉例講解，而在講解例子的同時，我們也會將QML語言的講述加入其中。我們會在完成幾個實例的同時掌握QML語言。
我們新建一個Qt QML Application，我這里的工程名為“helloWorld”。
這是整個Qt Quick Designer界面，它由幾個面板組成，下面分別進行介紹。
主設計面板，也就是我們下面所說的場景。這是我們的主設計區，所有的項目都要放到這里，當程序執行時，就是顯示的這個面板上的內容。
Navigator導航器面板。場景中所有的項目都在這里列出。在這里，我們可以選中一個特定的項目，那么場景中對應的項目也會被選中，我們也可以在這里拖拽項目來更改它們的從屬關系，或者點擊項目后面的“眼睛”圖標來設置它是否可以顯示。
Properties屬性面板。在這里我們可以設置項目的屬性。比如項目名稱，填充顏色，邊框顏色，項目大小和位置，以及項目的縮放，旋轉和不透明度等。
Library庫面板。在這里提供了一些常用的部件，我們可以將它們拖放到場景中來使用。在Resources子面板中，我們可以看到我們工程文件夾下的圖片等資源，我們也可以將它們拖拽到場景中直接使用。當我們以后新建了組件后，它也會出現在Library中。
狀態面板。這里可以為場景新建或刪除一個狀態。
設計模式和代碼編輯模式的轉換，我們可以點擊“Edit”圖標進入代碼編輯界面。