PyQt5 QSpinBox – 在反悬停状态下为下降按钮添加边框

PyQt5 QSpinBox – 在反悬停状态下为下降按钮添加边框

在这篇文章中,我们将看到如何在旋转盒子的向下按钮上添加边框,当它处于反悬停状态。旋转盒子由上下两个按钮组成,向下按钮用于减少数值,它有自己的默认边框,尽管我们可以改变它。当鼠标没有悬停在向下按钮上时,一个自定义的边框将出现在该按钮上。

为了做到这一点,我们必须改变与旋转框相关的样式表代码,下面是样式表代码

QSpinBox::down-button:!hover
{
border : 4px solid blue;
}

下面是实现的过程

# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys


class Window(QMainWindow):

    def __init__(self):
        super().__init__()

        # setting title
        self.setWindowTitle("Python ")

        # setting geometry
        self.setGeometry(100, 100, 600, 400)

        # calling method
        self.UiComponents()

        # showing all the widgets
        self.show()

    # method for widgets
    def UiComponents(self):
        # creating spin box
        self.spin = QSpinBox(self)

        # setting geometry to spin box
        self.spin.setGeometry(100, 100, 250, 40)

        # setting prefix to spin
        self.spin.setPrefix("Prefix ")

        # setting suffix to spin
        self.spin.setSuffix(" Suffix")

        # setting style sheet to the spin box
        # adding border to the down button of spin box
        # for anti hover state
        self.spin.setStyleSheet("QSpinBox::down-button:! hover"
                                "{"
                                "border : 4px solid red;"
                                "}")

# create pyqt5 app
App = QApplication(sys.argv)

# create the instance of our Window
window = Window()

# start the app
sys.exit(App.exec())

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

PyQt5 计数器控件QSPINBox