PyQt5 QSpinBox – 鼠标悬停时为向下按钮添加边框

在使用 PyQT5 的 QSpinBox 控件时，我们可以使用一些方法来自定义它们的样式和行为。其中之一就是为 QSpinBox 的向下按钮添加边框，在鼠标悬停时显示边框。

以下是实现该效果的完整步骤：

安装 PyQT5 库

在开始之前，我们需要先安装 PyQT5 库。可以使用以下命令在终端中进行安装：

pip install PyQt5

创建 QSpinBox 控件

我们可以使用以下代码创建一个简单的 QSpinBox 控件：

from PyQt5.QtWidgets import QApplication, QWidget, QSpinBox, QVBoxLayout

class Window(QWidget):
    def __init__(self):
        super().__init__()

        layout = QVBoxLayout()
        spinbox = QSpinBox()
        layout.addWidget(spinbox)

        self.setLayout(layout)

app = QApplication([])
window = Window()
window.show()
app.exec_()

此代码创建了一个名为 Window 的 QWidget 窗口，并在布局中添加了一个 QSpinBox 控件。

设置样式

为了添加边框和悬停效果，我们需要覆盖 QSpinBox 控件的 CSS 样式。我们可以通过在 QApplication 上调用 setStyleSheet 方法来实现：

app.setStyleSheet("""
    QSpinBox::down-button {
        border: 1px solid grey;
    }

    QSpinBox::down-button:hover {
        border: 1px solid blue;
    }
""")

在上面的 CSS 中，我们使用了 QSpinBox::down-button 选择器来选择 QSpinBox 控件的向下按钮，并设置了边框样式。在 QSpinBox::down-button:hover 选择器中，我们设置了一个新的边框样式以在鼠标悬停时使用。

运行程序

现在我们可以运行程序并看到效果了。当鼠标悬停在 QSpinBox 下箭头按钮上时，按钮的边框会变成蓝色。

以下是完整的示例代码：

from PyQt5.QtWidgets import QApplication, QWidget, QSpinBox, QVBoxLayout

class Window(QWidget):
    def __init__(self):
        super().__init__()

        layout = QVBoxLayout()
        spinbox = QSpinBox()
        layout.addWidget(spinbox)
        self.setLayout(layout)

app = QApplication([])
app.setStyleSheet("""
    QSpinBox::down-button {
        border: 1px solid grey;
    }

    QSpinBox::down-button:hover {
        border: 1px solid blue;
    }
""")

window = Window()
window.show()
app.exec_()

可以在示例代码中更改 CSS 来自定义样式，例如更改边框颜色或样式等。

另一个示例是添加旋转动画效果。我们可以使用类似的 CSS 设置来添加这种动画效果：

app.setStyleSheet("""
    QSpinBox::down-button {
        border: 1px solid grey;
        transition: transform 0.2s ease-in-out;
    }

    QSpinBox::down-button:hover {
        border: 1px solid blue;
        transform: rotate(-45deg);
    }
""")

在上面的 CSS 代码中，我们添加了一个 CSS3 的 transform 属性来制作旋转动画效果。当鼠标悬停在 QSpinBox 的向下按钮上时，按钮将被旋转45度。

这是关于 PyQt5 QSpinBox-鼠标悬停时为向下按钮添加边框的完整使用攻略的两个示例。