一、在開啟的專案中雙擊.ui檔案（我的是myplayer.ui）正常情況下可以開啟qt designer來編輯介面，如果打不開可以嘗試以下兩種方法

       方法一：http://blog.csdn.net/TTendy/article/details/76599409

       方法二：進入.ui檔案所在目錄，選中.ui檔案後點擊滑鼠右鍵--->開啟方式---->qtcreator.exe；就可以開啟介面編輯器；推薦使用第一種方式；如圖所示：

二、對介面進行編輯：

     1、改變整個窗體的大小為800*600，如圖所示：

2、在左邊框欄拖一個OpenGL Widget到主窗體，用來顯示解碼出的視訊，並改變其大小，使其填充整個窗體

3、拖拽兩個Push Button按鈕到主窗體上，以後用來執行開啟和播放功能 ，並拖拽改變其大小位置，並設定相關按鈕名

4、把事先準備好的圖片資原始檔放到專案的Resources目錄中，如圖：

5、為開啟按鈕設定相關圖片資源；

右擊開啟按鈕，選擇“改變樣式表”

在編輯樣式表彈窗依次點選：新增資源----》border-image

選擇資源窗體中依次選<resource root>項 和編輯圖示

為開啟按鈕設定動態效果，右擊開啟按鈕，選擇“改變樣式表”；在編輯樣式表中寫入以下內容：

QPushButton:!hover{border-image: url(:/MyPlayer/Resources/open_normal.png);}
QPushButton:hover{border-image: url(:/MyPlayer/Resources/open_hot.png);}
 

為開啟按鈕設定動態效果，右擊開啟按鈕，選擇“改變樣式表”；在編輯樣式表中寫入以下內容：

QPushButton:!hover{border-image: url(:/MyPlayer/Resources/play_normal.png);}
QPushButton:hover{border-image: url(:/MyPlayer/Resources/play_hot.png);}

設定完效果如下，滑鼠放上會改變顯示圖片：

給應用程式窗體更換圖示：

在編輯窗右側介面；物件檢視器下選擇“MyPlayerClass”,屬性編輯器中選“indowIcon”,點選右側的小三角，在彈出的選單中選擇“選擇資源”條目，在彈出的選擇資源窗體中選擇相應的圖片後點擊ok按鈕，就可以了

現在的執行程式圖片仍是系統預設如圖，

現在改變一下：依次點選“專案”----》“新增資源”

在新增資源彈窗中先 Icon ---> 匯入，然後根據提示選擇想要的圖片即可

這時個依次點選“生成”-----》“生成解決方案”，造成解決方案以後應用程式執行圖示就變了，如圖所示：