qss qss-PyQt5从入门到实践系列-27-QSS定制美化GUI界面，打造一款漂亮皮肤！！

猜您喜欢

PyQt5实践系列

19

1-PyQt5 QSS样式表

QSS 全称 Qt Style （Qt样式表），用于美化Qt程序界面，定义Qt应用程序中的控件外观。它可以改变控件【类及其子类】的几乎所有可视特性qss，比如颜色、字体、边距、背景等。QSS 使用与CSS非常相似的语法。如果你熟悉CSS，那么使用QSS会感到非常自然。与CSS类似的以纯文本格式定义的使用语法，可以在程序运行时载入和解析样式定义以实现不同的界面主题显示。一个样式法则由一个选择器()，如、等控件qss，和一些声明()，【这些声明可通过 属性：属性值来定义】组成。常见的几种定义如下：

2-PyQt5 QSS选择器类型

Qt样式表支持如下表中定义的所有选择器，选择器的定义为选择界面组件提供了灵活性且选择器可以组合使用

qss参考官网：

3、子控件

为了美化设计，对于一些组合的界面组件，需要对其子控件进行特殊的样式设定。

4、伪状态

在PyQt中使用Qt样式表（QSS）时，你可以利用伪状态（-）来定义在不同状态下的控件外观。伪状态是用于描述控件在不同条件下的外观状态，例如悬停、按下、选中等。

5-外部样式表的导入使用

准备好样式文件qss

导入运行

import sys

from PyQt5.Qt import *
from 样式2 import Ui_MainWindow

class QSSLoader:
    def __init__(self):
        pass

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


class Window(QMainWindow):
    def __init__(self):
        super().__init__()
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = Window()

    style_file = "./my_style.qss"
    style_sheet = QSSLoader.read_qss_file(style_file)
    window.setStyleSheet(style_sheet)

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

6、借助第三方库实现整体样式设计

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = Window()

    #window.setStyleSheet(qdarkstyle.load_stylesheet_pyqt5())
    window.setStyleSheet(qdarkstyle.load_stylesheet(qt_api='pyqt5'))
    window.show()
    sys.exit(app.exec_())

总结

本期，我们介绍了GUI设计增强技术，用QSS定制界面，美化界面。美化GUI界面本身也是Qt开发中的关键环节，通过本期，相信你能自主打造一款完美的GUI皮肤

往期推荐

参考： Qt GUI与数据可视化编程

·end·

—如果喜欢，快分享给你的朋友们吧—

我们一起愉快的玩耍吧

限时特惠:本站持续每日更新海量各大内部创业课程，一年会员仅需要98元，全站资源免费下载
点击查看详情

站长微信:Jiucxh