pyqt5中进度条滚动、样式设置

浅浅的花香味﹌ 2022-12-11 13:43 573阅读 0赞

## pyqt5中进度条滚动 ##

# show the fdem_forward porgram is running by progressbar
    # 进度条方式1 进度条滚动模式
    self.progressBar.setMinimum(0)
    self.progressBar.setMaximum(0)
    timer = QTimer(self.progressBar)
    def time_change():
        if self.thread_cal_fdem.isFinished():
            self.progressBar.setMaximum(100)
            self.progressBar.setValue(100)
            timer.stop()
    
    timer.timeout.connect(time_change)
    timer.start(1000)
    
    # 进度条方式2 进度条百分比增长模式
    # timer = QTimer(self.progressBar)
    # self.progressBar.setValue(0)
    # self.progressBar.setMaximum(800)
    #
    # def progress_change():
    #     if self.thread_cal_fdem.isFinished():
    #         self.progressBar.setValue(800)
    #         # self.progressBar.setVisible(False)
    #         timer.stop()
    #
    #     self.progressBar.setValue(self.progressBar.value() + 10)
    #
    # timer.timeout.connect(progress_change) 
    # timer.start(1000) # 每隔1000ms就调用timeout连接的progress_change函数

## pyqt5进度条样式设置 ##

2.进度条的样式设置（颜色以及样式）  
a.在代码中直接修改

self.progressBar.setStyleSheet("QProgressBar {   border: 2px solid grey;   border-radius: 5px;   background-color: #FFFFFF;}QProgressBar::chunk {   background-color: #007FFF;   width: 10px;}QProgressBar {   border: 2px solid grey;   border-radius: 5px;   text-align: center;}")

其中`QProgressBar::chunk`设置的是进度条中滚动的那个长条，通过`QProgressBar::chunk { background-color: #007FFF; width: 10px;margin:0.5px }`可以使进度条的长条以0.5px的小空白隔开，如下图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDQ4NzU2_size_16_color_FFFFFF_t_70_pic_center]  
如果没有margin，此时样式如下图![在这里插入图片描述][20201001204543146.png_pic_center]  
b.qtdesigner中修改进度条的样式  
首先选中进度条，选择QWidget  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDQ4NzU2_size_16_color_FFFFFF_t_70_pic_center 1]

找到styleSheet属性，然后输入下面的代码  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDQ4NzU2_size_16_color_FFFFFF_t_70_pic_center 2]

QProgressBar { border: 2px solid grey; border-radius: 5px; background-color: #FFFFFF;}QProgressBar::chunk { background-color: #007FFF; width: 10px;}QProgressBar { border: 2px solid grey; border-radius: 5px; text-align: center;}

参考链接：

进度条样式设置官网链接  
[https://doc.qt.io/qt-5/stylesheet-examples.html\#customizing-qprogressbar][https_doc.qt.io_qt-5_stylesheet-examples.html_customizing-qprogressbar]  
pyqt官网  
[https://doc.qt.io/qt-5/index.html][https_doc.qt.io_qt-5_index.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDQ4NzU2_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/5e14ace8df8b4acaaa01fd78667bbad0.png
[20201001204543146.png_pic_center]: /images/20221123/1e2de763dfe14817b2073eb4719a4350.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDQ4NzU2_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/7eb643d8e5a44f80b3a320f66363511b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MDQ4NzU2_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/79a9b11a19634758ad3a87dbf89a38ff.png
[https_doc.qt.io_qt-5_stylesheet-examples.html_customizing-qprogressbar]: https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qprogressbar
[https_doc.qt.io_qt-5_index.html]: https://doc.qt.io/qt-5/index.html