使用PyQt5設計GUI實現(xiàn)程序圖形界面設計

更新時間：2021年08月20日 10:15:18 作者：小康哥

當我們學會如何在pycharm中配置pyqt5設計GU之后，那么本文來帶你熟悉PyQt5設計GUI流程并為程序設計圖形界面，設計一個屬于自己的GUI

一、熟悉designer——設計界面的神器

designer是一個強大的GUI設計工具，設計完之后還可以自動生成代碼，然后我們將這些代碼轉換成python代碼就可以了，是不是很方便??！

1.首先打開designer。

還記得我們在pycharm之前創(chuàng)建的exteranl tools嗎？點擊打開designer。

在這里插入圖片描述

2.創(chuàng)建窗口

在這里插入圖片描述

這里有5種常見的窗口類型，可以自己打開看看是個什么樣子的窗口

Dialog with Buttons Bottom:按鈕在底部的對話框窗口Dialog with Buttons Right:按鈕在右上角的對話框窗口Dialog without Buttons:沒有按鈕的對話框窗口Main Window:一個帶菜單，停靠窗口和狀態(tài)欄的主窗口Widget:通用窗口
設計窗口中用的最多的是Main Window。

3.熟悉各部功能區(qū)域

在這里插入圖片描述

二、設計自己的第一個GUI。

1.在designer中拖動控件來完善窗口程序。

在這里插入圖片描述

然后繼續(xù)拖動，調整大小。

在這里插入圖片描述

不同控件有不同的功能，大家可以自己拖動到mainwindow上看看它們都能干些什么。

2.保存為.ui文件

在這里插入圖片描述

3.將.ui文件轉換成.py文件

還記得之前配置的小工具嗎？PyUIC
我們來試試吧！
先選中要轉換的.ui文件，然后點擊PyUIC

在這里插入圖片描述

Process finished with exit code 0
即表示轉換完成，在當前目錄下可以找到csdn_article.py文件。

在這里插入圖片描述

4.添加程序入口

這是我們發(fā)現(xiàn)運行沒有反應。

為什么呢？我們剛剛設計的界面轉換成.py文件不行？
其實原因是我們沒有為程序添加入口。
在代碼末尾加上：

import sys
if __name__ == '__main__':
   app = QtWidgets.QApplication(sys.argv)
   MainWindow = QtWidgets.QMainWindow() # 創(chuàng)建窗體對象
   ui = Ui_MainWindow() # 創(chuàng)建PyQt設計的窗體對象
   ui.setupUi(MainWindow) # 調用PyQt窗體的方法對窗體對象進行初始化設置
   MainWindow.show() # 顯示窗體
   sys.exit(app.exec_()) # 程序關閉時退出進程

在這里插入圖片描述