Python GUI库PyQt5样式QSS子控件介绍
QSS子控件
QSS子控件实际上也是一种选择器，其应用在一些复合控件上，典型的如QComboBox，该控件的外观是，有一个矩形的外边框，右边有一个下拉箭头，点击之后会弹出下拉列表，例如：
QComboBox：drop-down{image：url（dropdown.png）}
上面的样式指定所有的QComboBox下拉箭头的图片是自定义的，图片文件为dropdown.png
::drop-down子控件选择器可以与上面提到到的选择器一起联合使用，例如
QComboBox#myQComboBox::drop-down{image：url（dropdown.png）}
表示为指定的id为myQComboBox的QComboBox控件的下拉箭头自定义图片，需要注意的是，子控件选择器实际上是选择复合控件的一部分，也就是对复合控件的一部分应用样式，例如为QComboBox下拉箭头指定图片，而不是QComboBox本身指定图片
QSS伪状态
QSS伪状态选择器是以冒号开头的一个选择表达式，例如hover，表示当鼠标指针经过时的状态，伪状态选择器限制了当控件处于某种状态才可以使用的QSS规则，伪状态只能描述一个控件或者一个复合控件的自控件的状态，所以它只能放在选择器的最后面，例如
QComboBox：hover{background-color：red;}
表示到鼠标经过QComboBox时.其背景色指定为红色
该伪状态：hover描述的是QComboBox的状态，除可以描述所选择的控件外，伪状态还可以描述子控件选择器所选择的复合控件的子控件的状态
QComboBox::drop-down:hover{background-color:red}
表示当鼠标指针经过QComboBox的下拉箭头时，该下拉箭头的背景色变成红色
此外，伪状态还可以用一个感叹号来表示状态，例如，：hove表示鼠标指针经过的状态，：！hover表示鼠标没有经过的状态，多种伪状态可以同时使用，例如
QCheckBox：hover：checked{color：white}
表示当鼠标指针经过一个选中的QCheckBox时，设置其文字的前景色为白色
QSS提供了很多的伪状态，一些伪状态只能用在特定的控件上，具体有哪些伪状态，在pyqt帮助文档中有详细的列表
实例：QComboBox的样式
importsys
fromPyQt5.QtWidgetsimport*
classWindowDemo(QWidget):
def__init__(self):
super(WindowDemo,self).__init__()
self.initUI()
definitUI(self):
#实例化列表控件
combo=QComboBox(self)
#设置列表控件的名称
combo.setObjectName('myQComboBox')
#添加条目到列表控件
combo.addItem('Window')
combo.addItem('Ubuntu')
combo.addItem('RedHat')
#控件移动到指定位置
combo.move(50,50)
#设置窗口的标题与初始窗口的属性
self.setGeometry(250,200,320,150)
self.setWindowTitle('QComboBox样式')
#设置样式
qssStyle='''
QComboBox#myQComboBox::drop-down{
image:url(./images/dropdown.png)
}
QComboBox#myQComboBox::drop-down:hover{
background-color:red
}
'''
self.setStyleSheet(qssStyle)
if__name__=='__main__':
app=QApplication(sys.argv)
win=WindowDemo()
win.show()
sys.exit(app.exec_())
运行程序，运行效果如下
QDarkStyleSheet样式表
除自己编写的QSS样式表，网上还有很多质量很高的QSS样式表。比如QDarkStyleSheet，它是一个用于PyQt应用程序的深黑色样式表
安装
pipinstallqdarkstyle
实例：QDarKStyleSheet的显示界面
importlogging
importsys
fromPyQt5importQtWidgets,QtCore
#maketheexamplerunnablewithouttheneedtoinstall
fromos.pathimportabspath,dirname
sys.path.insert(0,abspath(dirname(abspath(__file__))+'/..'))
importqdarkstyle
importui.example_pyqt5_uiasexample_ui
defmain():
"""
Applicationentrypoint
"""
logging.basicConfig(level=logging.DEBUG)
#createtheapplicationandthemainwindow
app=QtWidgets.QApplication(sys.argv)
window=QtWidgets.QMainWindow()
#setupui
ui=example_ui.Ui_MainWindow()
ui.setupUi(window)
ui.bt_delay_popup.addActions([
ui.actionAction,
ui.actionAction_C
])
ui.bt_instant_popup.addActions([
ui.actionAction,
ui.actionAction_C
])
ui.bt_menu_button_popup.addActions([
ui.actionAction,
ui.actionAction_C
])
item=QtWidgets.QTableWidgetItem("Test")
item.setCheckState(QtCore.Qt.Checked)
ui.tableWidget.setItem(0,0,item)
window.setWindowTitle("QDarkStyleexample")
#tabifydockwidgetstoshowbug#6
window.tabifyDockWidget(ui.dockWidget1,ui.dockWidget2)
#setupstylesheet
app.setStyleSheet(qdarkstyle.load_stylesheet_pyqt5())
#autoquitafter2swhentestingontravis-ci
if"--travis"insys.argv:
QtCore.QTimer.singleShot(2000,app.exit)
#run
window.show()
app.exec_()
if__name__=="__main__":
main()
运行效果图
如果你对PyQt5样式QSS感兴趣的话可以再看看《PythonGUI库PyQt5图形和特效样式QSS介绍》,更多关于PythonGUI库PyQt5样式QSS的文章大家可以点击下面的相关链接
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。