QPainter实现3d柱状图

利用QPainter实现漂亮的柱状图。看一下效果
这里写图片描述

利用渐进色实现三维的效果。
代码如下


void qbarpainter::paintEvent( QPaintEvent * )
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setBrush(QColor("black"));
    painter.drawRect(rect());

    drawBarIndex(0,50,painter,QColor("#7A6864"));
    drawBarIndex(1,50,painter,QColor("#4D84AF"));
    drawBarIndex(2,100,painter,QColor("#B8B06C"));
    drawBarIndex(3,100,painter,QColor("#BD2799"));
    drawBarIndex(4,100,painter,QColor("#39B708"));
    drawBarIndex(5,100,painter,QColor("#05AA67"));
    drawBarIndex(6,100,painter,QColor("#3408AF"));
    drawBarIndex(7,100,painter,QColor("#980A0A")); 
    drawBarIndex(8,100,painter,QColor("#007CF8")); 
}


void qbarpainter::drawBarIndex( int index, int valus ,QPainter &painter, QColor color )
{
    int w = width();
    int h = height()/4;
    int leftw = 100 + index*100;
    int step = valus*h*2/100;

    //bottom 椭圆
    painter.save();
    QRectF bottomrect(leftw,h*3-10,50,15);
    QLinearGradient bottomlinear(leftw,h*3-step,50,step);
    bottomlinear.setColorAt(0, color);
    bottomlinear.setColorAt(0.3, color.lighter(200));
    bottomlinear.setColorAt(0.35, color.lighter(180));
    bottomlinear.setColorAt(0.9, color.darker(200));
    bottomlinear.setColorAt(1, color);
    bottomlinear.setStart(leftw,h);
    bottomlinear.setFinalStop(leftw+50,h);
    painter.setPen(Qt::NoPen);
    painter.setBrush(bottomlinear);
    painter.drawEllipse(bottomrect);    
    painter.restore();

    //背景
    painter.save();
    QLinearGradient bgLinearGradient(leftw,h,50,h*2);
    bgLinearGradient.setColorAt(0, QColor("#A8C0D0"));
    bgLinearGradient.setColorAt(0.3, QColor("#CFDBE3"));
    bgLinearGradient.setColorAt(0.35, QColor("#A2BBCC").lighter(120));
    bgLinearGradient.setColorAt(0.9, QColor("#767775").lighter(120));
    bgLinearGradient.setColorAt(1, QColor("#A8C0D0"));
    bgLinearGradient.setStart(leftw,h);
    bgLinearGradient.setFinalStop(leftw+50,h);

    QRectF bgrect(leftw,h,50,h*2);

    painter.fillRect(bgrect, bgLinearGradient);
    painter.restore();

    //中间
    painter.save();
    QRectF midrect(leftw,h*3-step,50,step);

    QLinearGradient midLinearGradient(leftw,h*3-step,50,step);
    midLinearGradient.setColorAt(0, color);
    midLinearGradient.setColorAt(0.3, color.lighter(200));
    midLinearGradient.setColorAt(0.35, color.lighter(180));
    midLinearGradient.setColorAt(0.9, color.darker(200));
    midLinearGradient.setColorAt(1, color);
    midLinearGradient.setStart(leftw,h);
    midLinearGradient.setFinalStop(leftw+50,h);

    painter.fillRect(midrect, midLinearGradient);   
    painter.restore();

    top 椭圆
    painter.save();
    painter.setPen(Qt::NoPen);
    QLinearGradient fade3(leftw, h-30,50,100);
    fade3.setColorAt(0, QColor("#A8C0D0"));
    fade3.setColorAt(0.9, QColor("#CFDBE3"));
    fade3.setColorAt(0.35, QColor("#A2BBCC").darker(120));
    fade3.setColorAt(0.3, QColor("#767775").darker(120));
    fade3.setColorAt(0, QColor("#A8C0D0"));
    fade3.setStart(leftw,h-30);
    fade3.setFinalStop(leftw,h+20);
    painter.setBrush(fade3);
    QRectF rectangle(leftw, h-9, 50, 16);
    painter.drawEllipse(rectangle);
    painter.restore();
    //

    //mid 椭圆
    painter.save();
    QRectF midtoprect(leftw,h*3-step-9,50.5,15);

    QLinearGradient midtoplinear(leftw,h*3-step,50,step);
    midtoplinear.setColorAt(0, color.darker(100));
    midtoplinear.setColorAt(0.3, color.darker(100));
    midtoplinear.setColorAt(0.35, color.darker(100));
    midtoplinear.setColorAt(0.9, color.darker(100));
    midtoplinear.setColorAt(1, color.darker(100));
    midtoplinear.setStart(leftw,h);
    midtoplinear.setFinalStop(leftw+50,h);
    painter.setPen(Qt::NoPen);
    painter.setBrush(midtoplinear);
    painter.drawEllipse(midtoprect);    
    painter.restore();
}
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值