时间戳

首页 > 解决方案 > 如何在 PySide2 中正确使用 CSS

python - 如何在 PySide2 中正确使用 CSS

问题描述

我的代码成功显示“Hello World！”，但未应用 CSS 样式。我不知道如何正确地做到这一点。如果有人对此主题有一些很好的解释，将不胜感激。

我的代码的输出

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()
window.setStyleSheet('''
    p {
        font-size: 100px;
    }
''')

label = QLabel('<p>Hello World!</p>', parent=window)

window.show()
app.exec_()

标签： pythonpyqt5qtstylesheets

解决方案

首先，有一个不同的 Qt StyleSheet 适用于所有小部件和一些小部件支持的 html。

Qt StyleSheets 是一种为 QWidget 设置样式和一些属性的简单方法，它基于 CSS 2.1 但适用于 Qt。

相反，一些小部件支持像 html 这样的富文本，这就是 QLabel 的情况，在这种情况下，样式必须内联放置

考虑到有几种解决方案：

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

label = QLabel('<p style="font-size: 100px">Hello World!</p>', parent=window)

window.show()
app.exec_()

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()
window.setStyleSheet('''
    QLabel {
        font-size: 100px;
    }
''')

label = QLabel('<p>Hello World!</p>', parent=window)

window.show()
app.exec_()

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()

label = QLabel('<p style="font-size: 100px">Hello World!</p>', parent=window)
font = label.font()
font.setPointSize(100)
label.setFont(font)

window.show()
app.exec_()

推荐阅读