PyQt QProgressBar 垂直文本对齐问题

Question

我正在尝试在垂直对齐的 QProgressBar 中更改颜色。

我在这里找到了使用 setStyleSheet 更改颜色的示例： 更改 QProgressbar() 的颜色

但是没有提到垂直对齐。请查看我的示例截图：

第一个进度条是默认的，第二个和第三个是改变了颜色的。但是文字没有对齐（我需要像第一个默认进度条一样）。

我也尝试过setTextDirection(QtGui.QProgressBar.TopToBottom)，但没有帮助。

请给予建议。

试用代码：

import sys
from PyQt4 import QtGui, QtCore

class Window(QtGui.QMainWindow):

    def __init__(self):
        super(Window, self).__init__()
        self.setGeometry(50, 50, 500, 300)

        progress1 = QtGui.QProgressBar(self)
        progress1.setGeometry(50, 50, 25, 150)
        progress1.setOrientation(QtCore.Qt.Vertical)
        progress1.setMaximum(0)
        progress1.setMaximum(10)
        progress1.setValue(4)
        progress1.setFormat("myServer008-Load")

        progress2 = QtGui.QProgressBar(self)
        progress2.setGeometry(100, 50, 25, 150)
        # adding style will stop rotating text 90 degrees clockwise
        progress2.setStyleSheet("QProgressBar::chunk { background-color: red; }")
        progress2.setOrientation(QtCore.Qt.Vertical)
        progress2.setMaximum(0)
        progress2.setMaximum(10)
        progress2.setValue(4)
        progress2.setFormat("myServer008-Load")

        progress3 = QtGui.QProgressBar(self)
        progress3.setGeometry(150, 50, 25, 150)
        # centring text works, but still do no rotate it
        progress3.setStyleSheet("QProgressBar { text-align: center; } QProgressBar::chunk { background-color: red; }")
        progress3.setOrientation(QtCore.Qt.Vertical)
        progress3.setMaximum(0)
        progress3.setMaximum(10)
        progress3.setValue(4)
        progress3.setFormat("myServer008-Load")


app = QtGui.QApplication(sys.argv)
GUI = Window()
GUI.show()
sys.exit(app.exec_())

- Lubomir

Answer 1

我找到了一种解决办法，可以绘制自己的垂直进度条。也许有人也能用得上这个方法：

class MyBar(QtGui.QWidget):
    """ Creates custom 'vertical progress bar'"""

    def __init__(self, text, maximumValue, currentValue, parent=None):
        super(MyBar, self).__init__(parent)
        self.text = text
        self.maximumValue = maximumValue
        self.currentValue = currentValue

    def setValue(self, currentValue):
        if self.currentValue != currentValue:
            self.currentValue = currentValue
            self.repaint()

    def paintEvent(self, event):
        painter = QtGui.QPainter(self)
        painter.translate(0, self.height() - 1)
        painter.rotate(-90)

        painter.setPen(QtGui.QColor(140, 138, 135))
        painter.drawRoundedRect(QtCore.QRectF(0, 0, self.height() - 1, self.width() - 1), 4, 4)

        painter.setPen(QtGui.QColor(201, 199, 197))
        path = QtGui.QPainterPath()
        path.addRoundedRect(QtCore.QRectF(1, 1, self.height() - 3, self.width() - 3), 3, 3)

        painter.fillPath(path, QtGui.QColor(214, 212, 210))
        painter.drawPath(path)

        path = QtGui.QPainterPath()
        path.addRoundedRect(QtCore.QRectF(1, 1, (self.height() - 3) * self.currentValue / self.maximumValue, self.width() - 3), 3, 3)

        painter.fillPath(path, QtGui.QColor(255, 0, 0))
        painter.drawPath(path)

        painter.setPen(QtCore.Qt.black)
        # print text centered
        painter.drawText(5, self.width() / 2 + 5, self.text)
        painter.end()

然后，要询问代码，只需添加：

progress4 = MyBar("myServer008-Load", 10, 4, self)
progress4.setGeometry(200, 50, 25, 150)

结果看起来像下面这样:

- Lubomir