（3）颜色渐变风格

最新推荐文章于 2024-05-11 23:58:37 发布

°﹏Struggle丶岚

最新推荐文章于 2024-05-11 23:58:37 发布

阅读量293

点赞数

分类专栏： # 图形绘图文章标签： qt

本文链接：https://blog.youkuaiyun.com/qq_40329851/article/details/113814759

版权

图形绘图专栏收录该内容

4 篇文章

订阅专栏

本文介绍了在Qt中实现颜色渐变的三种方法：线性渐变QLinearGradient，圆心渐变QRadialGradient，以及坐标角度渐变QConicalGradient，详细讲解了它们的使用和效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、线性渐变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();
}

在这里插入图片描述

2、圆心渐变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();
}

在这里插入图片描述

3、坐标角度渐变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();
}

在这里插入图片描述