快捷導(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之后，那么本文來(lái)帶你熟悉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.首先打開(kāi)designer。

還記得我們?cè)趐ycharm之前創(chuàng)建的exteranl tools嗎？點(diǎn)擊打開(kāi)designer。

在這里插入圖片描述

2.創(chuàng)建窗口

在這里插入圖片描述

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

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

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

在這里插入圖片描述

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

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

在這里插入圖片描述

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

在這里插入圖片描述

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

2.保存為.ui文件

在這里插入圖片描述

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

還記得之前配置的小工具嗎？PyUIC
我們來(lái)試試吧！
先選中要轉(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)行沒(méi)有反應(yīng)。

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

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

在這里插入圖片描述

現(xiàn)在再運(yùn)行就可以啦！

在這里插入圖片描述

雖然界面很簡(jiǎn)單，但是，我們已經(jīng)掌握了設(shè)計(jì)GUI的基本流程了！千里之行始于足下。讓我們?cè)俳釉賲枺弦粚訕恰?/p>

通常我們使用的軟件，都是多窗口組成的，由登錄界面登錄再跳轉(zhuǎn)到相應(yīng)的功能界面，那么窗口跳轉(zhuǎn)是怎么實(shí)現(xiàn)的呢？更多關(guān)于PyQt5設(shè)計(jì)GUI程序圖形界面的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: