样式表，样式表，样式表，样式表

eggLi92

于 2024-03-30 00:37:35 发布

阅读量546

点赞数 7

文章标签： pyqt

本文链接：https://blog.csdn.net/2401_84009641/article/details/137160201

版权

本文详细描述了如何在Qt应用中定制QScrollArea的滚动条样式以及QPushButton的视觉效果，包括不同状态下的颜色和边框处理，并展示了图像处理的部分代码，如使用OpenCV进行矩形绘制和QImage的创建。

摘要由CSDN通过智能技术生成

滚动条，按钮
"""
    QScrollArea { 
        border: 1px solid rgb(150, 150, 150); 
    }
    QScrollBar:vertical {
        background: white;
        width: 10px;
        margin: 15px 3px 15px 3px;
        border: 1px solid rgb(0, 0, 0);
    }
    QScrollBar::handle:vertical {
        background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
            stop: 0 #b4b4b4, stop: 0.5 #c4c4c4, stop:1 #d4d4d4);
        min-height: 20px;
    }

"""

 """
QPushButton {
    font-family: '黑体'; /* 设置字体为黑体 */
    font-size: 20px; /* 增大字体大小 */
    color: white; /* 设置字体颜色为白色 */
    background-color: rgb(86, 127, 253); /* 设置背景颜色为淡蓝色 */
    border-style: solid;
    border-width: 10px;
    border-radius: 15px; /* 设置圆角边框 */
    border-color: rgb(86, 127, 253); /* 设置边框颜色为蓝色 */
    padding: 5px 15px;
}

QPushButton:hover {
    background-color: #B0E0E6; /* 按钮悬停的颜色 */
    border-style: solid;
    border-width: 10px;
    border-radius: 15px; /* 设置圆角边框 */
    border-color: #B0E0E6; /* 设置边框颜色为蓝色 */
    padding: 1px;
}

QPushButton:pressed {
    background-color: #87CEEB; /* 按钮按下的颜色 */
    border-style: solid;
    border-width: 10px;
    border-radius: 15px; /* 设置圆角边框 */
    border-color: #87CEEB; /* 设置边框颜色为蓝色 */
    padding: 1px;
}
"""

"""
QPushButton {
    font-family: '黑体'; /* 设置字体为黑体 */
    font-size: 20px; /* 增大字体大小 */
    color: white; /* 设置字体颜色为白色 */
    background-color: rgb(127, 127, 127); /* 设置背景颜色为淡蓝色 */
    border-style: solid;
    border-width: 10px;
    border-radius: 15px; /* 设置圆角边框 */
    border-color: rgb(127, 127, 127); /* 设置边框颜色为蓝色 */
    padding: 5px 15px;
}

QPushButton:hover {
    background-color: rgb(100, 100, 100); /* 按钮悬停的颜色 */
    border-style: solid;
    border-width: 10px;
    border-radius: 15px; /* 设置圆角边框 */
    border-color: rgb(100, 100, 100); /* 设置边框颜色为蓝色 */
    padding: 1px;
}

QPushButton:pressed {
    background-color: rgb(0, 0, 0); /* 按钮按下的颜色 */
    border-style: solid;
    border-width: 10px;
    border-radius: 15px; /* 设置圆角边框 */
    border-color: rgb(0, 0, 0); /* 设置边框颜色为蓝色 */
    padding: 1px;
}
"""

for (x, y, w, h) in faces:
    cv.rectangle(img, (x, y), (x + w, y + h), (255, 0, 0), 2)
rgb_image = cvtColor(img, COLOR_BGR2RGB)

# 创建 QImage 对象
h, w, ch = rgb_image.shape
bytes_per_line = ch * w
qt_image = QImage(rgb_image.data, w, h, bytes_per_line, QImage.Format_RGB888)
self.display_image(path=None, qt=qt_image)