如何使用QStyle.drawControl()呈现红色按钮?

时间:2012-08-10 11:49:01

标签: c++ qt qt4 qstyle

使用以下代码我尝试使用QStyle.drawControl()呈现红色按钮:

#include <QtCore/QtCore>
#include <QtGui/QtGui>

class Widget : public QWidget
{
    virtual void paintEvent(QPaintEvent* event)
    {
        QStyleOptionButton opt;
        opt.palette = QPalette(Qt::red);
        opt.state = QStyle::State_Active | QStyle::State_Enabled;
        opt.rect = QRect(50, 25, 100, 50);
        QPainter painter(this);
        style()->drawControl(QStyle::CE_PushButton, &opt, &painter);
    }
};

int main(int argc, char** argv)
{
    QApplication app(argc, argv);
    Widget w;
    w.resize(200, 100);
    w.show();
    return app.exec();
}

但是我得到以下结果:

enter image description here

如何使用QStyle.drawControl()渲染红色按钮?

我在Windows XP上使用Qt 4.8.1和Visal Studio 2010。

2 个答案:

答案 0 :(得分:6)

按钮由本机样式引擎绘制,因此可能根本不使用调色板(请参阅常见问题解答中的that question)。

您可以使用带有样式表的实际按钮作为最后一个参数传递给自己按钮的样式drawControl函数。

class Widget : public QWidget
{
  // To allow the automatic deletion without parenting it
  QScopedPointer<QPushButton> button;
public:
    Widget() : button(new QPushButton) {
      button->setStyleSheet("background-color: red");
    }
    virtual void paintEvent(QPaintEvent* event)
    {
        QStyleOptionButton opt;
        opt.state = QStyle::State_Active | QStyle::State_Enabled;
        opt.rect = QRect(50, 25, 100, 50);
        QPainter painter(this);
        button->style()->drawControl(QStyle::CE_PushButton, &opt, &painter, 
                                     button.data());
    }
};

但是你会失去原生风格,所以你必须伪造它(bali182's answer可能对那部分有用。)

或者您可以使用带有着色效果的相同按钮并调用其render()函数来绘制它:

Colorized Button

class Widget : public QWidget {
    QScopedPointer<QPushButton> button;
public:
    Widget() : button(new QPushButton) {
        QGraphicsColorizeEffect *effect = new QGraphicsColorizeEffect(button.data());
        effect->setColor(Qt::red);
        button->setGraphicsEffect(effect);
    }
    virtual void paintEvent(QPaintEvent* event) {
        button->setFixedSize(100, 50);
        button->render(this, QPoint(50, 25));
    }
};

答案 1 :(得分:3)

你想做什么,似乎过于复杂。如果您只想要一个红色按钮,为什么不使用QPushButton的setStyleSheet()方法?它需要一个QString,您可以定义类似于CSS的按钮。在这里我创建了一个红色按钮,类似于XP ui按钮:

QPushButton 
{ 
    background: qlineargradient(x1:0,y1:0,x2:0,y2:1, stop:0 #f4a3a3,stop: 1 #cc1212);
    border-width: 1px; 
    border-color: #d91414; 
    border-style: solid; 
    padding: 5px; 
    padding-left:10px; 
    padding-right:10px; 
    border-radius: 3px; 
    color:#000;
}

QPushButton:hover
{
    border-color: #e36666;
} 

QPushButton:pressed 
{
    background:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop: 0 #de8383, stop: 1 #ad0C0C); 
    border-color: #d91414;
}

现在您只需将上面的代码作为字符串传递给按钮setStyleSheet()方法。如果要创建按钮小部件,默认情况下为红色,则扩展QPushButton类,使用上面的内容创建静态QString字段,并在构造函数中将按钮设置为样式表。

样式表中更易于理解的示例: Stylesheet Examples