PyQt5组合框 在关闭状态和鼠标悬停时的不同边框颜色

PyQt5组合框 在关闭状态和鼠标悬停时的不同边框颜色

在这篇文章中,我们将看到如何在组合框处于关闭状态和鼠标悬停时为其设置不同的边框颜色,当我们为组合框设置边框时,虽然我们可以分别改变每个边框的颜色,但所有的边框都是相同的颜色。彩色边框只在组合框处于关闭状态且光标在组合框上时出现。为了做到这一点,我们必须改变与组合框相关的样式表,下面是样式表代码

代码1

QComboBox::!off:hover
{
border : 5px solid;
border-color-top : red;
border-color-right : green;
border-color-bottom : blue;
border-color-left : yellow;
}

代码2

QComboBox::!off:hover
{
border : 5px solid;
border-color : red green blue yellow
}

这两段代码执行类似的任务,只是代码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 colorful border when it is OFF and mouse hover over it
        self.combo_box.setStyleSheet("QComboBox"
                                     "{"
                                     "border : 5px solid black;"
                                     "}"
                                     "QComboBox::! on:hover"
                                     "{"
                                     "border : 5px solid;"
                                     "border-color : red green blue yellow;"                                    
                                     "}")


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

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

window.show()

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

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程