[Python知识库] QtDesigner中的styleSheet

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> Python知识库 -> QtDesigner中的styleSheet -> 正文阅读

[Python知识库]QtDesigner中的styleSheet

一、为单个控件添加样式
在这里插入图片描述

QLabel{
color:black;
font: 75 9pt "微软雅黑";
border-radius: 5px;
radius:2px;
background:qlineargradient(x1:0, y1:0, x2:1, y2:0,stop:0 rgb(112, 144, 101),stop:1 rgb(107, 255, 119));
}

二、为整个软件的同类控件添加样式
2.1 添加.qrc资源文件
在这里插入图片描述

命名一个新的空白的.qrc文件

可以再创建几个资源过滤器，方便我们分类不同的资源类型，比如qss用来存放样式表，pic用来存放图片等等。

同样命名一个空白的.qss文件
在这里插入图片描述

在这里插入图片描述

2.2 编写qrc和qss文件
在这里插入图片描述

在这里插入图片描述

QLabel
{
color:black;
font: 75 9pt "微软雅黑";
border-radius: 5px;
radius:2px;
background:qlineargradient(x1:0, y1:0, x2:1, y2:0,stop:0 rgb(112, 144, 101),stop:1 rgb(107, 255, 119));
}

QPushButton,QLineEdit,QComboBox{
 background-color: azure;
 color:deepskyblue;
}
QPushButton:pressed{
 color:red;
}

2.3 转换资源文件
在这里插入图片描述

在这里插入图片描述

之所以要添加_rc，是因为Qt Designer导入资源文件时默认是加_rc的，这里为了与Qt Designer保持一致。

2.4 导入.py资源文件并设置style

# Press the green button in the gutter to run the script.
if __name__ == '__main__':
    try:
        app = QApplication(sys.argv)  # 实例化一个应用对象，sys.argv是一组命令行参数的列表。Python可以在shell里运行，这是一种通过参数来选择启动脚本的方式。
        myshow = MyUi()
        file = QFile(":/qss/style")
        file.open(QFile.ReadOnly)
        fileText = QTextStream(file)
        styleSheet = fileText.readAll()
        myshow.setStyleSheet(styleSheet)
        myshow.show()
        sys.exit(app.exec_())  # 确保主循环安全退出
    except Exception as ex:
        print(ex)