|
通過代碼添加控件是不那么方便的快捷的，PyQt提供了QtDesigner設(shè)計師的界面編輯器來輔助我們快速添加簡單的界面控件。
（如果要實現(xiàn)更復(fù)雜更精細(xì)的界面渲染，還是需要通過代碼實現(xiàn)的）
第一次打開Qt設(shè)計師，首先要創(chuàng)建一個窗口，這里可以選擇Main Window（顧名思義）或者Widget通用窗口類
點擊創(chuàng)建后，生成新的窗口
可以看到，MainWindows默認(rèn)添加了菜單欄、和狀態(tài)欄
接下來，我們可以通過左邊的控件欄直接添加控件到創(chuàng)建好的窗體上
這里有很多適應(yīng)不同需求的控件，只能在需要的時候再去一一了解了
我們需要優(yōu)先了解的是
窗口布局Layouts：
Vertical Layout 縱向布局
Horizontal Layout 橫向布局
Grid Layout 柵格布局
Form Layout 窗體布局
一個Qt界面一般是以窗體（Form）--布局（Layout）--控件（比如各種按鈕）這樣的層次關(guān)系來設(shè)計的，
布局可以自動調(diào)整所屬控件之間的位置間隔等。
我們可以先隨意拖放幾個PushButton到窗體中，然后通過右鍵-->布局-->柵欄布局 來快速設(shè)定布局
拖放后如下圖：
設(shè)置布局后的效果如下圖：
最后 ，我們保存設(shè)計好的界面文件，隨意命名為 TestFrm.ui
為了使設(shè)計出來的界面能夠使用，需要對ui文件進行轉(zhuǎn)換，生成對應(yīng)的py文件
這就需要通過PyQt自帶的pyuic5.bat來進行
使用如下批處理命令，其中C:\Python34\Lib\site-packages\PyQt5\是我安裝PyQt5后pyuic5.bat所在的目錄
- ::轉(zhuǎn)換指定UI成Py文件
- C:\Python34\Lib\site-packages\PyQt5\pyuic5.bat TestFrm.ui -o TestFrm.py
雙擊批處理執(zhí)行后
生成如下代碼
TestFrm.py
- # -*- coding: utf-8 -*-
-
- # Form implementation generated from reading ui file 'TestFrm.ui'
- #
- # Created by: PyQt5 UI code generator 5.5.1
- #
- # WARNING! All changes made in this file will be lost!
-
- from PyQt5 import QtCore, QtGui, QtWidgets
-
- class Ui_MainWindow(object):
- def setupUi(self, MainWindow):
- MainWindow.setObjectName("MainWindow")
- MainWindow.resize(701, 441)
- self.centralwidget = QtWidgets.QWidget(MainWindow)
- self.centralwidget.setObjectName("centralwidget")
- self.widget = QtWidgets.QWidget(self.centralwidget)
- self.widget.setGeometry(QtCore.QRect(-2, 0, 601, 281))
- self.widget.setObjectName("widget")
- self.gridLayout = QtWidgets.QGridLayout(self.widget)
- self.gridLayout.setObjectName("gridLayout")
- self.pushButton_2 = QtWidgets.QPushButton(self.widget)
- self.pushButton_2.setObjectName("pushButton_2")
- self.gridLayout.addWidget(self.pushButton_2, 1, 2, 1, 1)
- self.pushButton_5 = QtWidgets.QPushButton(self.widget)
- self.pushButton_5.setObjectName("pushButton_5")
- self.gridLayout.addWidget(self.pushButton_5, 3, 0, 1, 1)
- self.pushButton_3 = QtWidgets.QPushButton(self.widget)
- self.pushButton_3.setObjectName("pushButton_3")
- self.gridLayout.addWidget(self.pushButton_3, 1, 1, 1, 1)
- self.pushButton = QtWidgets.QPushButton(self.widget)
- self.pushButton.setObjectName("pushButton")
- self.gridLayout.addWidget(self.pushButton, 1, 0, 1, 1)
- self.pushButton_4 = QtWidgets.QPushButton(self.widget)
- self.pushButton_4.setObjectName("pushButton_4")
- self.gridLayout.addWidget(self.pushButton_4, 3, 1, 1, 1)
- self.pushButton_6 = QtWidgets.QPushButton(self.widget)
- self.pushButton_6.setObjectName("pushButton_6")
- self.gridLayout.addWidget(self.pushButton_6, 3, 2, 1, 1)
- MainWindow.setCentralWidget(self.centralwidget)
- self.menubar = QtWidgets.QMenuBar(MainWindow)
- self.menubar.setGeometry(QtCore.QRect(0, 0, 701, 23))
- self.menubar.setObjectName("menubar")
- MainWindow.setMenuBar(self.menubar)
- self.statusbar = QtWidgets.QStatusBar(MainWindow)
- self.statusbar.setObjectName("statusbar")
- MainWindow.setStatusBar(self.statusbar)
-
- self.retranslateUi(MainWindow)
- QtCore.QMetaObject.connectSlotsByName(MainWindow)
-
- def retranslateUi(self, MainWindow):
- _translate = QtCore.QCoreApplication.translate
- MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
- self.pushButton_2.setText(_translate("MainWindow", "PushButton"))
- self.pushButton_5.setText(_translate("MainWindow", "PushButton"))
- self.pushButton_3.setText(_translate("MainWindow", "PushButton"))
- self.pushButton.setText(_translate("MainWindow", "PushButton"))
- self.pushButton_4.setText(_translate("MainWindow", "PushButton"))
- self.pushButton_6.setText(_translate("MainWindow", "PushButton"))
生成的代碼是一個UI設(shè)計類，需要通過綁定到界面類才能使用，在TestFrm.py內(nèi)添加如下代碼
- if __name__=="__main__":
- import sys
- app=QtWidgets.QApplication(sys.argv)
- formObj=QtWidgets.QMainWindow() #注意，這里和我們一開始創(chuàng)建窗體時使用的界面類型相同
- ui=Ui_MainWindow()
- ui.setupUi(formObj)
- formObj.show()
- sys.exit(app.exec_())
嘗試運行，這時候看到我們之前創(chuàng)建好的界面已經(jīng)成功顯示
|
