PyQt5 - QSS

#这里MainWindow为实例化出的窗体名（实例名）qss_style = '''#pushButton_1,#pushButton_2,#pushButton_3,#pushButton_4,#pushButton_5,#pushButton_6{background-color:grey;border-radius:20px;#border:2px solid yellow;}.QPushButton:hover{background-color:blue;}#MainWindow{border-image:url(../Joint_Drive/splash.png);}#tableWidget{background-color:cyan;}'''MainWindow.setStyleSheet(qss_style)

QSS常用选择器（QSS Selector）：

1.   通配选择器：*
2.   类型选择器：QPushButton 匹配该类和其子类的实例（前方加上一个.不包含子类的实例）
3.   ID选择器（ObjectName选择器）：#pushButton_1 匹配ObjectName为pushButton_1的控件
*4. 混合使用（使用同一套QSS）：#aaa,#bbb,#ccc 使用逗号隔开即可

QSS伪状态（冒号+操作+{}只能放在选择器最后）：

#pushButton_1:hover{background-color:red}

QSS全局背景、标签、按钮背景设置：

#Window_Object_Name{border-image:url(...)}
当然也可以使用background-image，但是border-image是填充效果，background只是按照像素截取执行区域显示！！
#pushButton_1{
background-image:url(...);
}

QSS控件圆角：

#pushButton_1{
border-radius:30px;
}

QSS控件边框：

#pushButton_1{
border:2px solid yellow;
}

外部调用QSS：

with open("./QSS/demo_0628.qss") as f:MainWindow.setStyleSheet(f.read())

【CSS常用选择器介绍】

标签选择器：Tag{xxx:xxx;}

ID选择器：#ID{xxx:xxx;yyy:yyy;}

子元素选择器：#AAA#bbb{xxx:xxx;}

class选择器：.class{xxx:xxx;}

PyQt5 - QSS相关推荐

pyqt5 qss美化界面
前言 pyqt5qss美化一直都是一个问题,怎么简单的使用pyqt5 qss美化呢? 一.创建引入qss的函数类 class CommonHelper:def __init__(self):pass@ ...
PyQt5 Qss基本知识01
伪状态列表支持以下伪状态: 伪状态描述 :active 当小组件驻留在活动窗口中时,将设置此状态. :adjoins-item 当 QTreeView 的 ::分支与项目相邻时,将设置此状态. : ...
撩课python视频下载_撩课-Python-GUI编程-PyQT5代码要毕业查重了给我来这套 - 下载 - 搜珍网...
压缩包 : ab953a7e6cd40551d00a2f0ba138aa4.zip 列表 PyQt5/ PyQt5/.idea/ PyQt5/.idea/inspectionProfiles/ PyQ ...
GPS数据类型格式 NMEA协议
转载:原文链接 GPS数据类型格式数据类型类别描述 GPGSV 可见卫星信息 GPRMC 推荐最小定位信息 GPVTG 地面速度信息 GPGGA GPS定位信息 GPGSA 当前卫星信息数据格 ...
button 样式_实战PyQt5: 111-可以使用QSS样式表的部件
可以使用QSS样式表的部件 QSS样式表支持各种部件,属性,伪状态和子控件,从而可以实现定制部件的外观,下面我们将详细列出可以使用QSS样式表的部件: QAbstractScrollArea:所有派生 ...
pyqt5 中QSS
QSS(Qt Style Sheets) Qt样式表就是前端的CSS 用于设置控件的样式 from PyQt5.QtWidgets import * import sys class BasicQS ...
qpython3编辑器怎么用_Python快速入门系列：Pyqt5界面开发好帮手-Qss样式编辑器介绍...
Python + Pyqt5界面开发时,总是需要考虑美化界面,QssStylesheetEditor 是一个功能强大的 Qt 样式表(QSS)编辑器,支持实时预览,自动提示,自定义变量. 功能简介 Q ...
使用QSS美化PyQt5界面，分享4套超赞皮肤和QSS专用编辑器！
QSS 全称 Qt Style Sheets(Qt样式表),用于美化Qt程序界面,类似于CSS,但不如CSS强大,选择器和属性较少. 本文主要介绍在PyQt5中使用QSS,但同样适用于C++ Qt,P ...
PyQt5 按钮QSS美化集
PyQt5 按钮QSS美化集盒子模型每个控件矩形都由元素的内容(content).内边距(padding).边框(border)和外边距(margin)组成. 1.美化-1 [效果] QSS代码 ...

PyQt5 - QSS

【CSS常用选择器介绍】

PyQt5 - QSS相关推荐

最新文章

热门文章