方法步驟如下：
1、首先打開計算機在，在計算機內打開打開QtCreator，新建壹個qt工程。
2、工程建立完畢，代碼編輯界面出現，先不管代碼。雙擊左側的dialog.ui，將會打開圖形界面編輯器界面。
3、可以看到左側有很多控件，中間就是程序運行時顯示的窗口，右側是對象窗口和屬性窗口。其實，圖形界面編輯器有壹個獨立的軟件，叫做qt designer，是專門用來編輯圖形資源的。實際上，編輯完成的圖形界面是壹個純文本的xml文件，其實還有很多類似的圖形界面編輯器。Qt集成開發環境會將我們編輯的圖形界面xml文件轉換成可編譯的c++代碼。
4、下面我們在中間的窗口中拖入壹個按鈕，壹個文本框。左鍵按住Push Button和Line Edit不放，拖到界面上即可。
5、要註意按鈕和文本框的objectName，在編寫代碼時要用到。
6、將窗口調整下，讓窗口大小合適，按鈕和文本框能夠對齊，並且能夠隨窗口的變化而變化。
7、先點擊窗口空白的地方，再點擊上方工具欄上的水平布局按鈕。然後將窗口調整到合適大小，來看看效果。
8、點擊菜單欄的工具Form Editor預覽，來看看實際運行時窗口的效果。這只是外觀效果，下面我們來添加壹點代碼。
9、在按鈕上右鍵，點擊轉到槽。
10、然後再雙擊clicked()，將轉到代碼編輯頁面。
11、在代碼編輯頁面添加如下代碼：QMessageBox::information(this,"圖形界面",ui->lineEdit->text());註意在頂部添加#include <QMessageBox>。
12、最後點擊運行按鈕即可。