QT之“飞镖盘”自定义控件

前言

现在发一个我之前看过有人写了一个抽奖转盘，所以闲来无事写了一个飞镖盘控件，在我看来它其它没有什么实用价值，纯属写来玩玩而已。

控件预览

实现

1. 画背景

void QDartboard::drawBkg(QPainter *painter,)
{
	int radius = 95;
    painter->save();
    painter->setBrush(bkgColor);
    painter->drawEllipse(-radius, -radius, radius << 1, radius << 1);
    painter->restore();
}

2. 画扇形

void QDartboard::drawFans(QPainter *painter)
{
    float rad = 0;
    float panAngle = 360 / fanNum;
    int radius = 80;

    for(int i = 1; i <= fanNum; i++)
    {
        if(i % 2 == 0)
        {
            gradientArc(painter, radius, rad + panAngle * i, panAngle, qRgb(200, 0, 0));
            gradientArc(painter, radius - ringSize, rad + panAngle * i,  panAngle, qRgb(0, 200, 0));
            gradientArc(painter, radius - 30, rad + panAngle * i,  panAngle, qRgb(200, 0, 0));
            gradientArc(painter, radius - 30 - ringSize, rad + panAngle * i,  panAngle, qRgb(0, 200, 0));
        }
        else
        {
            gradientArc(painter, radius, rad + panAngle * i,  panAngle, qRgb(0, 200, 0));
            gradientArc(painter, radius - ringSize, rad + panAngle * i,  panAngle, qRgb(200, 0, 0));
            gradientArc(painter, radius - 30, rad + panAngle * i,  panAngle, qRgb(0, 200, 0));
            gradientArc(painter, radius - 30 - ringSize, rad + panAngle * i,  panAngle, qRgb(200, 0, 0));
        }
    }

    gradientArc(painter, radius - 70, 0,  360, qRgb(0, 200, 0));
    gradientArc(painter, radius - 75, 0,  360, qRgb(200, 0, 0));
}

void QDartboard::gradientArc(QPainter *painter, int radius, int startAngle, int angleLength, QRgb color)
{
    painter->save();
    // 渐变色
    //QRadialGradient gradient(0, 0, radius);
    //gradient.setColorAt(0, Qt::white);
    //gradient.setColorAt(1.0, color);
    //painter->setBrush(QColor(color));
    //painter->setPen(color);

    // << 1（左移1位）相当于radius*2 即：150*2=300
    //QRectF(-150, -150, 300, 300)
    QRectF rect(-radius, -radius, radius << 1, radius << 1);
    QPainterPath path;
    path.arcTo(rect, startAngle, angleLength);

    painter->setPen(Qt::NoPen);
    painter->drawPath(path);
    painter->fillPath(path, QBrush(QColor(color)));
    painter->restore();
}

3. 画刻度值

void QDartboard::drawScaleNum(QPainter *painter)
{
    int radius = 85;
    painter->save();
    painter->setPen(Qt::white);
    QFont font("Arial", 6, QFont::Bold, false);
    //设置字体的类型，大小，加粗，斜体
    painter->setFont(font);

    painter->rotate(90 + ((360 / fanNum) / 2));
    for (int i = 1; i <= fanNum; i++)
    {
        QString strValue = QString("%1").arg(i);
        double textWidth = fontMetrics().width(strValue);
        //double textHeight = fontMetrics().height();
        painter->rotate(-360 / fanNum);
        painter->drawText(0 - textWidth / 2, -radius, strValue);
    }

    painter->restore();
}