八月
23
qss初识
首先将新建一个后缀为.qss的样式表
QLabel#notice {
font-size: 20px;
color: gray;
border: 1px solid gray;
border-radius: 8px;
}
QLabel#notice[level="normal"] {
color: green;
border-color: green;
}
QLabel#notice[level="danger"] {
color: red;
border-color: red;
}
QLabel#notice[level="info"] {
color: yellow;
border-color: yellow;
}
QPushButton {
font-size: 20px;
color: green;
}
然后在界面中读取文件调用即可:
import sys
from PySide2 import QtWidgets as qtw
app = qtw.QApplication()
# 通过独立的文件全局设置qss样式
with open('2. qss初识.qss', 'r') as f:
qtw.qApp.setStyleSheet(f.read())
window = qtw.QWidget(None)
window.resize(800, 800)
label = qtw.QLabel(window)
# 设置的名称可以在qss文件当中通过 #objectName的方式选择
label.setObjectName('notice')
# 设置的属性可以在qss文件当中通过[property="value"]的方式选择。
# 注意值要用双引号!
label.setProperty('level', 'normal')
label.setText('安静一键宏')
label2 = qtw.QLabel(window)
label2.setObjectName('notice')
label2.setProperty('level', 'danger')
label2.move(0, 30)
label2.setText('轻松玩魔兽')
label3 = qtw.QLabel(window)
label3.setObjectName('notice')
label3.setProperty('level', 'info')
label3.move(0, 60)
label3.setText('好用还不贵')
btn = qtw.QPushButton(window)
btn.move(0, 90)
btn.setText('我是一个按钮')
## 单独对某个元素设置qss样式
# label.setStyleSheet('font-size: 20px; color:red;')
window.show()
sys.exit(app.exec_())