画电池内部充电图标和显示百分比

89 阅读 0 评论 59 点赞

我是靠谱客的博主年轻老师，最近开发中收集的这篇文章主要介绍画电池内部充电图标和显示百分比，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

//画电池内部充电图标

//画电池内部充电图标

void BatteryForm::drawCharge(QPainter *painter)
{

    painter->save();

    painter->setPen(QPen(Qt::red, 1, Qt::SolidLine));
    painter->setBrush(Qt::red);

    //定义6个点
    static const QPointF points[ 6 ] = {
        QPointF(batteryRect.width() * 60 / 100 + 13, batteryRect.height() * 15 / 100),//point1
        QPointF(batteryRect.width() * 40 / 100 + 13, batteryRect.height() * 55 / 100),//point2
        QPointF(batteryRect.width() * 50 / 100 + 13, batteryRect.height() * 55 / 100),//point3

        QPointF(batteryRect.width() * 40 / 100 + 13, batteryRect.height() * 90 / 100),//point4
        QPointF(batteryRect.width() * 60 / 100 + 13, batteryRect.height() * 45 / 100),//point5
        QPointF(batteryRect.width() * 50 / 100 + 13, batteryRect.height() * 45 / 100),//point6
    };
    painter->drawPolygon(points, 6);
    painter->restore();
}


//电池内部显示百分比

void BatteryForm::drawPercentText(QPainter *painter)
{
    painter->save();

    QFontMetrics textSize(this->font());
    int ipow = qRound(currentValue / (maxValue - minValue) * 100);
    if(ipow > 100)
    {
        ipow = 100;
    }
    else if(ipow < 0)
    {
        ipow = 0;
    }
    QString powStr = QString::number(ipow) + '%';
    //QRect textRect = textSize.boundingRect(powStr);  //得到字符串的rect

    painter->setFont(textFont);
    painter->setPen(textColor);
    /*painter->drawText(batteryRect.width() / 2 - textRect.width() / 2,
                      batteryRect.height() / 2 + textRect.height(),
                      powStr);*/
    painter->drawText(batteryRect, powStr, Qt::AlignLeft | Qt::AlignVCenter);
    painter->restore();
}