主页 / 问题 / 1520752
Accepted
Etozeigor
Asked:2023-05-19 16:06:19 +0000 UTC2023-05-19 16:06:19 +0000 UTC

如何部分更改小部件的背景颜色？

  • 772

我知道如何完全改变小部件的背景颜色，但是否有可能以某种方式部分改变背景颜色？
比如上半身的颜色，如下图。

import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import Qt


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.central_widget = QWidget(self)
        self.setCentralWidget(self.central_widget)
        self.central_widget.setAttribute(Qt.WA_StyledBackground, True)
        self.central_widget.setStyleSheet('background-color: yellow')
        self.layout_main_window = QVBoxLayout()
        self.central_widget.setLayout(self.layout_main_window)

        self.layout_main_window.addWidget(QLabel('Строка 1'))
        self.layout_main_window.addWidget(QLabel('Строка 2'))
        self.layout_main_window.addWidget(QLabel('Строка 3'))
        self.layout_main_window.addWidget(QLabel('Строка 4'))


if __name__ == '__main__':
    app = QApplication(sys.argv)
    main_window = MainWindow()
    main_window.show()
    sys.exit(app.exec_())

现在像这样：

在此处输入图像描述

你需要这样的东西：

在此处输入图像描述

UPD： 我们谈论的是小部件，而不是整个窗口，窗口中可以有几个这样的彩色方块，我需要用两种颜色绘制每个方块：

在此处输入图像描述

python

1 个回答

  1. Best Answer

    我不确定我是否正确理解您想做什么。但是试试这个：

    import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import Qt


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        
        self.central_widget = QWidget(self)
        self.setCentralWidget(self.central_widget)
        
        self.central_widget.setAttribute(Qt.WA_StyledBackground, True)
        self.central_widget.setStyleSheet('background-color: yellow')

        self.label = QLabel()                                                # +++
        self.label.setStyleSheet('background-color: green')                  # +++

        self.layout_main_window = QVBoxLayout()
        self.central_widget.setLayout(self.layout_main_window)
        self.layout_main_window.setContentsMargins(0, 0, 0, 0)

        self.layout_main_window.addWidget(self.label, alignment=Qt.AlignTop) # +++
        
        self.layout_main_window.addWidget(QLabel('Строка 1'))
        self.layout_main_window.addWidget(QLabel('Строка 2'))
        self.layout_main_window.addWidget(QLabel('Строка 3'))
        self.layout_main_window.addWidget(QLabel('Строка 4'))


if __name__ == '__main__':
    app = QApplication(sys.argv)
    main_window = MainWindow()
    main_window.show()
    sys.exit(app.exec_())

    在此处输入图像描述

    更新：

    一个非常好的和简单的解决方案，但是新 QLabel 占用的一行有用空间丢失了。
    而且我希望黄色的小部件部分变成绿色，即使题词“第 1 行”现在将在绿色背景上

    试试这样：

    import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import Qt


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        
        self.central_widget = QWidget(self)
        self.setCentralWidget(self.central_widget)
        
        self.central_widget.setAttribute(Qt.WA_StyledBackground, True)
        self.central_widget.setStyleSheet('background-color: yellow')

        self.layout_main_window = QVBoxLayout()
        self.central_widget.setLayout(self.layout_main_window)
        self.layout_main_window.setContentsMargins(0, 0, 0, 0)

        self.label_1 = QLabel('\n\nСтрока 1')
        self.label_1.setStyleSheet("""
            background: qlineargradient(
                spread:pad, 
                x1:0.22, y1:0.5, 
                x2:0.22, y2:0, 
                stop:0 rgba(255, 255, 0, 255), 
                stop:1 rgba(255, 0, 0, 255));
        """)
        
        self.layout_main_window.addWidget(self.label_1, 1)
        self.layout_main_window.addWidget(QLabel('Строка 2'), 1)
        self.layout_main_window.addWidget(QLabel('Строка 3'), 1)
        self.layout_main_window.addWidget(QLabel('Строка 4'), 1)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    main_window = MainWindow()
    main_window.show()
    sys.exit(app.exec_())

    在此处输入图像描述

    • 1

相关问题