📌  相关文章
📜  PyQt5 – 将鼠标悬停在中间复选框上时指示器的背景图像

📅  最后修改于: 2022-05-13 01:54:27.665000             🧑  作者: Mango

PyQt5 – 将鼠标悬停在中间复选框上时指示器的背景图像

在本文中,我们将看到如何将背景图像设置为处于中间状态并将鼠标悬停在其上的复选框的指示器。默认情况下,复选框只有两个状态,尽管我们也可以设置第三种状态,即未选中或未选中,在setTristate方法的帮助下,在这两种状态之间称为中间状态。

为了将背景图像添加到中间状态的指示器,我们必须更改中间状态指示器的样式表以及当光标悬停在它上面时。下面是样式表代码。

QCheckBox::indicator:indeterminate:hover
{
background-image : url(image.png);
}

下面是实现

# 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 the check-box
        checkbox = QCheckBox('Geek ?', self)
  
        # setting geometry of check box
        checkbox.setGeometry(200, 150, 100, 60)
  
        # setting tristate check box
        checkbox.setTristate(True)
  
        # changing size of indicator
        # adding background image to the indicator
        # when it is in intermediate state and when cursor hover it
        checkbox.setStyleSheet("QCheckBox::indicator"
                               "{"
                               "width : 60px;"
                               "height : 60px;"
                               "}"
                               "QCheckBox::indicator:indeterminate::hover"
                               "{"
                               "background-image : url(indicator_image.png);"
                               "}")
  
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
# start the app
sys.exit(App.exec())

输出 :