Question

试图做了很长一段时间，并从我能找到的每个论坛帖子中获取建议，但我仍然无法解决它。这是我目前的代码，我真的想改变进度条上的块的颜色。除颜色外，其他所有设置都有效。

在我的工作区对象中填充MainWindow上的一个子视图。

Workspace::Workspace( QWidget* parent) : QWidget( parent )
{
    QTableView* tableView = new QTableView();
    // ...
    tableView->setItemDelegate(new ProgressBarDelegate);
}

delegate.cpp看起来像这样：

ProgressBarDelegate::ProgressBarDelegate( QObject* parent )
: QStyledItemDelegate(parent)
{
}

void ProgressBarDelegate::paint( QPainter *painter,
                                 const QStyleOptionViewItem &option,
                                 const QModelIndex &index) const
{
    if (index.column() == 2)
    {
        int progressPercentage = index.model()->data(index, Qt::DisplayRole).toInt();

        QStyleOptionProgressBarV2 progressBarOption;
        progressBarOption.rect = QRect(option.rect.x(), option.rect.y() + 5 , option.rect.width(), option.rect.height() / 1.5);
        progressBarOption.minimum = 0;
        progressBarOption.maximum = 100;
        progressBarOption.progress = progressPercentage;
        QPalette pal = progressBarOption.palette;
        QColor col = QColor(35, 35,25);
        pal.setColor(QPalette::Highlight, col); // or QPalette::Window doesnt matter
        progressBarOption.palette = pal;

        if(option.state & QStyle::State_Selected)
        {
        }

        QApplication::style()->drawControl( QStyle::CE_ProgressBar,
                                            &progressBarOption,
                                            painter);
    }
    else
    {
        QStyledItemDelegate::paint(painter, option, index);
    }
}

目前，无论我做什么，颜色都不会从OSX标准浅灰色变化。

如果重要的话，运行OSX 10.6.7和Qt 4.8.1。谢谢！

编辑：

我能够做到以下几点：

app.setStyleSheet("QScrollBar:horizontal { border: 2px solid green;background: cyan;height: 15px;margin: 0px 20px 0 20px;}");

但是当我这样做时：

app.setStyleSheet("QProgressBar:horizontal { border: 1px solid gray; border-radius: 3px; background: white; padding: 1px; }");

进度条上没有任何更改。我理论上不创建任何进度条对象，我只是设置一个样式我如何在我的委托中查看我的数据。但当然，我不能成为第一个想要做到这一点的人吗？

此外，如果这不起作用，我怎样才能在tableview中执行此操作（具有样式化的进度条）？

Answer 1

您应该使用Qt Style Sheet，这允许我们自定义许多控件的UI，以提供跨平台的独特外观。 Check this

创建一个新的简单Qt Gui项目，打开UI表单编辑器，并在工具窗口的“显示小部件”下添加一个进度条控件。现在在MainWindow ..

的构造函数中编写以下代码

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    // Customize progress-bar's style..

    QString style = "QProgressBar {border: 2px solid grey; border-radius: 5px; text-align: center;}";
    style += "QProgressBar::chunk {background-color: #CD96CD; width: 10px; margin: 0.5px;}";

    // Assuming objectName is 'progressBar'..
    ui->progressBar->setStyleSheet(style);
}

编译并运行。

如果您只想更改单个QProgressBar控件，那么上面的方法就足够了，但如果您想在应用程序级别应用样式（比如所有QProgressBar控件和其他一些控件），那么正确的方法是创建一个*.css文件，使用Qt Style Sheet Reference编写样式，然后在Qt中读取该文件并调用

QApplication::setStyleSheet(QString style)。

此外，样式表使用与CSS相同的语法，并且还支持各种选择器。

修改的

我同意上述方法仅适用于控件而非委托。我也为代表找到了一些东西。请尝试关注paint功能。

void ProgressBarDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const { if (index.column() == 2) { QProgressBar renderer; int progressPercentage = index.model()->data(index, Qt::DisplayRole).toInt(); // Customize style using style-sheet.. QString style = "QProgressBar { border: 2px solid grey; border-radius: 5px; }"; style += "QProgressBar::chunk { background-color: #05B8CC; width: 20px; }"; renderer.resize(option.rect.size()); renderer.setMinimum(0); renderer.setMaximum(100); renderer.setValue(progressPercentage); renderer.setStyleSheet(style); painter->save(); painter->translate(option.rect.topLeft()); renderer.render(painter); painter->restore(); } else QStyledItemDelegate::paint(painter, option, index); }

所以重点是，我们可以直接使用控件本身作为渲染器，而不是使用QStyleOption。希望这会有所帮助..

Answer 2

而不是pal.setColor(QPalette::Window, col);

使用pal.setColor(QPalette::Highlight, col);

这应该是work。

我在Paintevent中使用了代码

   void Dialog::paintEvent(QPaintEvent *e)
   {
    QPainter painter(this);
    connect(ui->pushButton,SIGNAL(clicked()),this,SLOT(ShowPrintDialog()));
    QStyleOptionProgressBarV2 progressBarOption;
    progressBarOption.rect = QRect(20,20,30,30);
    progressBarOption.minimum = 0;
    progressBarOption.maximum = 100;
    progressBarOption.progress = 75;
    QPalette pal = progressBarOption.palette;
    QColor col = QColor(0,255,0);
    pal.setColor(QPalette::Highlight, col);
    progressBarOption.palette = pal;


    QApplication::style()->drawControl(QStyle::CE_ProgressBar,&progressBarOption, &painter);
    }

进度条代理上的自定义颜色

2 个答案: