1.首先打開電腦，在電腦中打開qtCreator，新建壹個Qt項目。
2.項目完成後，出現代碼編輯界面，不考慮代碼。雙擊左側的dialog.ui，打開GUI編輯器界面。
3.可以看到左邊有很多控件，中間是程序運行時顯示的窗口，右邊是對象窗口和屬性窗口。圖形界面編輯器其實有壹個獨立的軟件叫qt designer，專門用來編輯圖形資源的。實際上編輯出來的圖形界面是純文本的xml文件，類似的圖形界面編輯器其實還有很多。Qt集成開發環境會把我們編輯的圖形界面xml文件轉換成編譯好的c++代碼。
4.讓我們拖動壹個按鈕和壹個文本框到中間的窗口。用左鍵按住按鈕和行編輯，把它們拖到界面上。
5.請註意按鈕和文本框的objectName，它們在編寫代碼時會用到。
6.調整窗口，使窗口大小合適，按鈕和文本框可以對齊，並且可以隨著窗口的變化而變化。
7.首先單擊窗口的空白區域，然後單擊上面工具欄上的水平布局按鈕。然後把窗口調整到合適的大小，看看效果。
8.單擊菜單欄中的工具表單編輯器預覽，查看實際運行時窗口的效果。這只是壹種外觀效果。我們來補充壹點代碼。
9.右鍵單擊按鈕，然後單擊轉到插槽。
10，然後雙擊clicked()進入代碼編輯頁面。
11.將以下代碼添加到代碼編輯頁面:QMessageBox::information(this，“圖形界面”，ui-& gt；lineEdit-& gt；text())；註意添加了# include
12，最後點擊運行按鈕。