使用Qt Designer和Qss设计Qt界面
開發(fā)界面其實(shí)一點(diǎn)都不比寫后臺(tái)邏輯簡(jiǎn)單,后臺(tái)邏輯對(duì)需求方來說只有能用和不能用,但是界面沒有一個(gè)確切的標(biāo)準(zhǔn)說好看還是不好看,所以設(shè)計(jì)出一個(gè)大家都說好的界面真的很難。
我們的業(yè)務(wù)是服務(wù)于內(nèi)部用戶的,其實(shí)大家對(duì)我們的評(píng)價(jià)就是能用,但界面真的不怎么樣,平時(shí)忙也沒空優(yōu)化,能用就行了,難看就難看唄,但其實(shí)心里還是想把這東西做的更好的,所以趁著假期重新梳理了一下關(guān)于頁面優(yōu)化部分的內(nèi)容。
這篇是對(duì)網(wǎng)上資料在pyqt開發(fā)中常用的關(guān)于界面的方法的一些總結(jié),方法真的太多太多了,工具也太多太多了,我覺得這一條是最適合我的,所以記錄下來。
總的來說是用Qt Designer設(shè)計(jì)初步的界面,再用Qss優(yōu)化。
第一步如下圖,使用Qt Designer設(shè)計(jì)界面,這個(gè)Qt Designer在安裝完P(guān)yqt這個(gè)庫(kù)之后會(huì)一起安裝進(jìn)來,我的在Lib\site-packages\qt5_applications\Qt\bin,網(wǎng)上說的好多路徑都是錯(cuò)的,建議大家到site-packages目錄后直接搜就好了
?第二步將第一步生成的.ui文件輸出成python可以認(rèn)識(shí)的.py文件,命令為
pyuic5.exe [.ui文件路徑] -o [.py文件路徑]這個(gè)pyuic5.exe在python環(huán)境的Scripts文件夾下
?第三步就是編寫Qss文件,可以用如下這個(gè)網(wǎng)上推薦的工具
現(xiàn)在ui文件有了,美化ui的qss也寫好了,接下來編寫python的主函數(shù)文件
import sys from PyQt5.QtWidgets import QApplication , QMainWindow from totalWidget import *class MyMainWindow(QMainWindow, Ui_Form):def __init__(self, parent=None): super(MyMainWindow, self).__init__(parent)self.setupUi(self)if __name__=="__main__":app = QApplication(sys.argv)myWin = MyMainWindow()qss_style_path= r"E:\gejiProject\pyqtProject\pyqtZXT\010_myQss\qssResource\Ubuntu.qss" with open( qss_style_path , mode='r',encoding='utf-8') as f:qss_data=f.read()app.setStyleSheet( qss_data )myWin.show()sys.exit(app.exec_())運(yùn)行結(jié)果如下:這是一個(gè)command命令框形式的界面風(fēng)格
?
?
?
總結(jié)
以上是生活随笔為你收集整理的使用Qt Designer和Qss设计Qt界面的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: DHCP snooping 原理和工作工
- 下一篇: 深度学习小白专场之循环神经网络和递归神经