PyQt5组合框 当鼠标悬停在关闭状态时,不同的边框大小
在这篇文章中,我们将看到当组合框处于关闭状态时,当鼠标悬停在它上面时,我们如何为组合框设置不同的边框宽度,当我们为组合框设置边框时,虽然我们可以分别改变每边的宽度,但所有边框的宽度都是一样的,只有当组合框处于关闭状态且光标在组合框上时,才会出现不同宽度的边框,否则将显示正常的边框。关闭状态是指项目视图没有打开时。为了做到这一点,我们必须改变与组合框相关的样式表,下面是样式表的代码
代码1
QComboBox::!off:hover
{
border : solid black;
border-width-top : 1px;
border-width-right : 5px;
border-width-bottom : 2px;
border-width-left : 10px;
}
代码2
QComboBox::!on:hover
{
border : solid black;
border-width : 1px 5px 2px 10px;
}
这两段代码执行类似的任务,只是代码1是代码2的扩展版本。下面是执行情况
# 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 a check-able combo box object
self.combo_box = QComboBox(self)
# setting geometry of combo box
self.combo_box.setGeometry(200, 150, 150, 80)
# geek list
geek_list = ["Sayian", "Super Sayian", "Super Sayian 2", "Super Sayian B"]
# adding list of items to combo box
self.combo_box.addItems(geek_list)
# setting style sheet
# adding border to combo box
# adding different width border when it is OFF and mouse hover over it
self.combo_box.setStyleSheet("QComboBox"
"{"
"border : 5px solid black;"
"}"
"QComboBox::! on:hover"
"{"
"border : solid black;"
"border-width : 1px 5px 2px 10px;;"
"}")
# create pyqt5 app
App = QApplication(sys.argv)
# create the instance of our Window
window = Window()
window.show()
# start the app
sys.exit(App.exec())