快捷導(dǎo)航

使用PyQt5設(shè)計(jì)GUI實(shí)現(xiàn)程序圖形界面設(shè)計(jì)

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

當(dāng)我們學(xué)會(huì)如何在pycharm中配置pyqt5設(shè)計(jì)GU之后，那么本文來帶你熟悉PyQt5設(shè)計(jì)GUI流程并為程序設(shè)計(jì)圖形界面，設(shè)計(jì)一個(gè)屬于自己的GUI

一、熟悉designer——設(shè)計(jì)界面的神器

designer是一個(gè)強(qiáng)大的GUI設(shè)計(jì)工具，設(shè)計(jì)完之后還可以自動(dòng)生成代碼，然后我們將這些代碼轉(zhuǎn)換成python代碼就可以了，是不是很方便??！

1.首先打開designer。

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

在這里插入圖片描述

2.創(chuàng)建窗口

在這里插入圖片描述

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

Dialog with Buttons Bottom:按鈕在底部的對話框窗口Dialog with Buttons Right:按鈕在右上角的對話框窗口Dialog without Buttons:沒有按鈕的對話框窗口Main Window:一個(gè)帶菜單，?？看翱诤蜖顟B(tài)欄的主窗口Widget:通用窗口
設(shè)計(jì)窗口中用的最多的是Main Window。

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

在這里插入圖片描述

二、設(shè)計(jì)自己的第一個(gè)GUI。

1.在designer中拖動(dòng)控件來完善窗口程序。

在這里插入圖片描述

然后繼續(xù)拖動(dòng)，調(diào)整大小。

在這里插入圖片描述

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

2.保存為.ui文件

在這里插入圖片描述

3.將.ui文件轉(zhuǎn)換成.py文件

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

在這里插入圖片描述

Process finished with exit code 0
即表示轉(zhuǎn)換完成，在當(dāng)前目錄下可以找到csdn_article.py文件。

在這里插入圖片描述

4.添加程序入口

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

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

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

在這里插入圖片描述