PyQt5 圖形界面-用Qt Designer來設計UI界面,並轉化爲python代碼運行

Qt Designer 是 Qt Creater 程序裏的一個功能。
PyQt5是把 Qt Designer 設計的界面轉化爲python代碼的庫。

請看這篇文章:
Qt Creater、PyQt5工具庫的安裝

下面來講Qt Designer的使用。

創建UI界面

首先打開我們的Qt Creater
在這裏插入圖片描述
點擊左上角文件的“新建文件或項目”,然後我們選擇Qt Designer Form。
在這裏插入圖片描述
選一個默認佈局
在這裏插入圖片描述
選擇存儲路徑和存儲名稱
在這裏插入圖片描述
我們設計一個這樣的頁面,然後保存就好了。
注: 編輯時不想要的組件直接拖到左邊的組件區就刪除了。
在這裏插入圖片描述

轉化爲python代碼

我們設計的UI圖保存後是一個.ui結尾的文件。
我們裝好了PyQt5後直接在cmd用pyuic5命令就可以,前提是要cd進文件所在的文件夾下哦!
注: ui.py是我們編譯完後py文件的名字哦!
在這裏插入圖片描述
ui.py就是它生成的呢!
在這裏插入圖片描述

運行編譯後的python代碼

第一步:
編譯後的python代碼只是一個類,我們想要運行它還要改點東西;
開頭這樣設置很方便呢!

import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *

第二步:
我們在setupUi(self, Dialog)的函數裏的最後加上Dialog.show()
這個Dialog是函數頭的self後的參數哦!

class Ui_Dialog(object):
    def setupUi(self, Dialog):
    	#省略代碼
    	Dialog.show()

第三步:
最後我們加上一段運行的代碼就好了。

if __name__ == "__main__":  
	app = QApplication(sys.argv) 
	form = QWidget()
	w = Ui_Dialog()
	w.setupUi(form)
	form.show()
	sys.exit(app.exec_())

鐺鐺鐺鐺,跟我設計的UI圖一模一樣呢!
在這裏插入圖片描述
喜歡的點個贊❤哦!

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章