PyQt5 QDoubleSpinBox – 获取它的样式表

QDoubleSpinBox控件是Qt的一个部件，它提供了一个方便的界面来快速选择浮点数值。使用Qt样式表可以为QDoubleSpinBox控件自定义样式。

导入必要的模块

在使用QDoubleSpinBox控件和样式表之前，我们需要导入PyQt5中的模块：

from PyQt5.QtWidgets import QApplication, QDoubleSpinBox, QWidget
from PyQt5.QtGui import QCursor, QFont
from PyQt5.QtCore import Qt

创建QDoubleSpinBox控件

我们创建一个QDoubleSpinBox控件，并将其添加到窗口中。我们还将设置它的值范围、小数点位置和步长。

spinBox = QDoubleSpinBox(widget)
spinBox.setRange(-100, 100)
spinBox.setDecimals(2)
spinBox.setSingleStep(0.1)
spinBox.setGeometry(10, 10, 100, 30)

获取样式表

使用.styleSheet()方法可以获取当前QDoubleSpinBox控件的样式表，该方法将返回一个字符串。

stylesheet = spinBox.styleSheet()

设置样式表

使用.setStyleSheet()方法可以为QDoubleSpinBox控件设置样式表，该方法接收一个字符串作为参数。

spinBox.setStyleSheet("background-color: white; font-size: 12px;")

使用样式表

可以使用CSS样式语法为QDoubleSpinBox控件添加样式：

spinBox.setStyleSheet("""
    QDoubleSpinBox {
        background-color: white;
        border: 1px solid grey;
        border-radius: 3px;
        font-size: 12px;
    }
    QDoubleSpinBox::up-button {
        subcontrol-origin: border;
        subcontrol-position: top right;
        width: 16px;
        height: 16px;
    }
    QDoubleSpinBox::down-button {
        subcontrol-origin: border;
        subcontrol-position: bottom right;
        width: 16px;
        height: 16px;
    }""")

在上面的样式表中，我们使用了以下属性为QDoubleSpinBox控件添加样式：

• background-color：设置背景颜色为白色；
• border：设置边框样式为1像素灰色；
• border-radius：设置边框圆角为3像素；
• font-size：设置字体大小为12像素；
• ::up-button：使用伪元素选择上按钮；
• ::down-button：使用伪元素选择下按钮；
• subcontrol-origin：设置子控件原点为边框；
• subcontrol-position：设置子控件位置为右上或右下；
• width：设置宽度为16像素；
• height：设置高度为16像素；

完整代码示例

from PyQt5.QtWidgets import QApplication, QDoubleSpinBox, QWidget
from PyQt5.QtGui import QCursor, QFont
from PyQt5.QtCore import Qt

app = QApplication([])
widget = QWidget()
widget.setGeometry(100, 100, 200, 200)

spinBox = QDoubleSpinBox(widget)
spinBox.setRange(-100, 100)
spinBox.setDecimals(2)
spinBox.setSingleStep(0.1)
spinBox.setGeometry(10, 10, 100, 30)

# get stylesheet
stylesheet = spinBox.styleSheet()

# set stylesheet
spinBox.setStyleSheet("""
    QDoubleSpinBox {
        background-color: white;
        border: 1px solid grey;
        border-radius: 3px;
        font-size: 12px;
    }
    QDoubleSpinBox::up-button {
        subcontrol-origin: border;
        subcontrol-position: top right;
        width: 16px;
        height: 16px;
    }
    QDoubleSpinBox::down-button {
        subcontrol-origin: border;
        subcontrol-position: bottom right;
        width: 16px;
        height: 16px;
    }""")

widget.show()
app.exec_()