八月 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_())


文章由安静原创,发表于www.ajnote.com。转载请注明出处

发表 2020年8月23日 自 anjing 类别 "Pyside2学习笔记

发表评论

电子邮件地址不会被公开。 必填项已用*标注