Qt之QtPainter：渐变风格[Qt5开发实战]

最新推荐文章于 2024-07-25 18:24:42 发布

weixin_34128237

最新推荐文章于 2024-07-25 18:24:42 发布

阅读量148

点赞数

文章标签： c/c++ python

原文链接：https://my.oschina.net/u/3919756/blog/1942433

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、新建QT GUI，基类选择QWidget，取消“创建界面”

2、在widget.h中添加#include <QPainter>和重写绘画事件定义：
* protected:
void paintEvent(QPaintEvent *event);
3、在widget.cpp中添加重绘事件void Widget::paintEvent(QPaintEvent *event)

4、线性渐变QLinearGradient


void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter;

    painter.begin(this);
    QLinearGradient ling(QPointF(70, 70), QPoint( 140, 140 ) );  //从起点到终点的渐变
    ling.setColorAt(0, Qt::blue);  //起点到中心要显示的颜色
    ling.setColorAt(1, Qt::green);
    ling.setSpread( QGradient::PadSpread );   //默认显示模式

    QBrush brush(ling);
    painter.setBrush(brush);
    painter.drawRect(0, 0, 200, 200);

    painter.end();
}

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter;

    painter.begin(this);
    QLinearGradient ling(QPointF(70, 70), QPoint( 140, 140 ) );  //从起点到终点的渐变
    ling.setColorAt(0, Qt::blue);  //起点到中心要显示的颜色
    ling.setColorAt(1, Qt::green);
    ling.setSpread( QGradient::RepeatSpread );   //默认显示模式

    QBrush brush(ling);
    painter.setBrush(brush);
    painter.drawRect(0, 0, 200, 200);

    painter.end();
}

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter;

    painter.begin(this);
    QLinearGradient ling(QPointF(70, 70), QPoint( 140, 140 ) );  //从起点到终点的渐变
    ling.setColorAt(0, Qt::blue);  //起点到中心要显示的颜色
    ling.setColorAt(1, Qt::green);
    ling.setSpread( QGradient::ReflectSpread );   //默认显示模式

    QBrush brush(ling);
    painter.setBrush(brush);
    painter.drawRect(0, 0, 200, 200);

    painter.end();
}

5、圆心渐变QRadialGradient

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter;
    painter.begin(this);

    QRadialGradient radg(100, 100, 50, 120, 120);  //在圆心(100, 100)，半径50的圆上渐变。渐变起点是(120, 120)
    radg.setColorAt( 0, Qt::black );
    radg.setColorAt( 1, Qt::white );
    //radg.setSpread(QGradient::PadSpread);   //默认
    QBrush brush(radg);
    painter.setBrush(brush);
    painter.drawRect(0, 0, 200, 200);
    painter.end();
}

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter;
    painter.begin(this);

    QRadialGradient radg(100, 100, 50, 120, 120);  //在圆心(100, 100)，半径50的圆上渐变。渐变起点是(120, 120)
    radg.setColorAt( 0, Qt::black );
    radg.setColorAt( 1, Qt::white );
    radg.setSpread(QGradient::RepeatSpread);
    QBrush brush(radg);
    painter.setBrush(brush);
    painter.drawRect(0, 0, 200, 200);
    painter.end();
}

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter;
    painter.begin(this);

    QRadialGradient radg(100, 100, 50, 120, 120);  //在圆心(100, 100)，半径50的圆上渐变。渐变起点是(120, 120)
    radg.setColorAt( 0, Qt::black );
    radg.setColorAt( 1, Qt::white );
    radg.setSpread(QGradient::ReflectSpread);
    QBrush brush(radg);
    painter.setBrush(brush);
    painter.drawRect(0, 0, 200, 200);
    painter.end();
}

6、坐标角度渐变QConicalGradient

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter;
    painter.begin(this);

    QConicalGradient cong( 100, 100, 45.0 );  //在(100, 100)坐标上以45°为中心渐变
    cong.setColorAt( 0, Qt::black );
    cong.setColorAt( 1, Qt::white );

    QBrush brush(cong);
    painter.setBrush(brush);
    painter.drawRect(0, 0, 200, 200);


    painter.end();
}