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

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

1.首先打開(kāi)designer。

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

2.創(chuàng)建窗口

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

Dialog with Buttons Bottom:按鈕在底部的對(duì)話(huà)框窗口Dialog with Buttons Right:按鈕在右上角的對(duì)話(huà)框窗口Dialog without Buttons:沒(méi)有按鈕的對(duì)話(huà)框窗口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)文章！