3

一直在尝试这样做很长一段时间,并从我能找到的每个论坛帖子中获取建议,但我仍然无法解决它。这是我当前的代码,我真的很想更改进度条上块的颜色。除颜色外,其他所有设置均正常工作。

在我的工作区对象中,它填充了 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; }");

进度条上没有任何变化。理论上我没有创建任何进度条对象,我只是设置了我在委托中查看数据的样式。但可以肯定的是,我不能成为第一个想要这样做的人吗?

另外,如果这不起作用,我该如何在表格视图中执行此操作(具有样式化的进度条)?

4

2 回答 2

9

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

创建一个新的简单 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编写样式工作表参考,然后在 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,我们可以直接将控件本身用作渲染器,而不是使用 。希望这可以帮助..

于 2012-05-17T05:46:32.020 回答
0

代替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);
    }
于 2012-05-17T06:15:00.857 回答