主页 / 问题 / 1523192
Accepted
Effex
Asked:2023-05-31 19:51:00 +0000 UTC2023-05-31 19:51:00 +0000 UTC

PyQt 中 QProgressBar 的动态样式

  • 772

我需要根据程序中发生的操作更改样式。HTML页面上JS的模拟，您可以在CSS中添加、删除类，仅在PyQt中。

我试着做这样的事情：

if strength < 33:
    self.reliability.setObjectName('rel-0')
elif strength < 66:
    self.reliability.setObjectName('rel-1')
else:
    self.reliability.setObjectName('rel-2')

之前在样式文件中编写了这些选择器：

#rel-0, #rel-1, #rel-2 {
    border: 2px solid #453e3e;
    border-radius: 5px;
    text-align: center;
    background-color: #453e3e;
    color: rgba(69, 62, 62, 0);
}

#rel-0::chunk {
    background-color: #ed0909;
}

#rel-1::chunk {
    background-color: #e3c010;
}

#rel-2::chunk {
    background-color: #44d111;
}

但是，显然，在更改时，ObjectName元素不会更新这些标识符中固有的样式。

我也试过做repaint()and update()。但显然他们也没有“看到”风格的变化。

PS：你真的必须每次都这样做吗setStylesheet()？

python

1 个回答

  1. Best Answer

    更改对象的名称是个坏主意，我建议您这样尝试：

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


class ProgressBar(QProgressBar):
    def __init__(self):
        super().__init__()
        self.setValue(0)
        self.setMaximum(100)
        
    def updateBar(self):
        value = self.value() + 1
        self.setValue(value)

        if value < 33:
            self.changeColor('red')
        elif value < 66:
            self.changeColor('#de7c09')       
        else:
            self.changeColor('green')

    def changeColor(self, color):
        css = """
            ::chunk {{
                background: {0};
            }}
        """.format(color)
        self.setStyleSheet(css)


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.centralwidget = QWidget(self)
        self.setCentralWidget(self.centralwidget)
        
        self.reliability = ProgressBar()
        
        self.layout = QVBoxLayout(self.centralwidget)
        self.layout.addWidget(self.reliability)
        
        self.timer = QTimer(self, timeout=self.onTimeout)
        self.timer.start(100)
        
    def onTimeout(self):
        self.reliability.updateBar()

        if self.reliability.value() > 100:
            self.timer.stop()


Stylesheet = '''            
QProgressBar {
    border: 2px solid #453e3e;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    background-color: #553e3e;
    color: rgba(255, 255, 255, 255);
}
'''    
 
    
if __name__ == '__main__':
    app = QApplication(sys.argv)
    app.setStyleSheet(Stylesheet)
    w = MainWindow()
    w.resize(500, 200)
    w.show()
    sys.exit(app.exec_())

    在此处输入图像描述

    在此处输入图像描述

    在此处输入图像描述

    • 2

相关问题