PyQt5开发笔记:1.环境搭建与界面美化

推荐视频教程:

https://www.bilibili.com/video/BV1LT4y1e72X?p=23&vd_source=7ab611f3afb3d469faad93d3996f99ba

一、打开网址,点击下载

https://build-system.fman.io/qt-designer-download

下载后,点开exe

不推荐:https://www.qt.io/zh-cn/product/ui-design-tools 还会下个IDE,还要下半天

二、打开Qt Creator

选择Widget(不带菜单,轻量),Default size(默认大小)

三、预览(preview)并保存(Ctrl+S)

拖一堆东西,然后点preview,点Form里的preview就会生成下面的图:

保存在一个新的文件夹和路径

四、Pycharm调用ui文件

对上面的ui文件,复制属性中的“位置”:F:\PyQt\XZEWorks\后加上文件名:mywindow_pyqt1.ui

在Pycharm端写程序调用这个文件:

import sys
from PyQt5.QtWidgets import QApplication
from PyQt5 import uic

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ui = uic.loadUi("F:\PyQt\XZEWorks\mywindow_pyqt1.ui")
    ui.show()
    app.exec()

运行后得到的结果如下:

五、美化窗口

1.蓝白配色(QCandyUi库)

装QCandyUi库:

pip install QCandyUi
import sys
from PyQt5.QtWidgets import QApplication, QMainWindow
from PyQt5 import uic
from QCandyUi.CandyWindow import colorful

@colorful('blueDeep')
class MainWindow(QMainWindow):

    def __init__(self):
        super().__init__()  # 初始化父类构造函数
        self.ui = uic.loadUi("F:\PyQt\XZEWorks\mywindow_pyqt1.ui")
        self.setCentralWidget(self.ui)  # 将加载的UI设置为中心窗口

    def show(self):
        self.ui.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ui = MainWindow()
    ui.show()
    sys.exit(app.exec_())

参考:http://t.****img.cn/NSKPz

2.自己定义QSS

自己定义一个qss文件,保存在指定位置

然后再在pycharm中调用

import sys
from PyQt5.QtWidgets import QApplication
from PyQt5 import uic

class QSSLoader:
    @staticmethod
    def read_qss_file(qss_file_name):
        with open(qss_file_name, 'r', encoding='UTF-8') as file:
            return file.read()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ui = uic.loadUi("F:\PyQt\XZEWorks\mywindow_pyqt1.ui")

    style_file = 'F:\PyQt\XZEWorks\style.qss'  
    style_sheet = QSSLoader.read_qss_file(style_file)
    ui.setStyleSheet(style_sheet)

    ui.show()
    sys.exit(app.exec_())

黑不溜秋的,QSS文件没弄好

参考:http://t.****img.cn/hTvjH

上一篇:【项目管理知识】项目质量管理措施


下一篇:3D工业视觉