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圖一模一樣呢!
喜歡的點個贊❤哦!