(一)、控件介绍
1.环型带阴影效果时间
2.时间文本边缘效果
3.颜色可调
4.适配任何屏幕
(二)、效果图
核心代码
void PieTimeWidget::paintEvent(QPaintEvent *)
{
int width = this->width();
int height = this->height();
int side = qMin(width, height);
QPainter painter(this);
painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
//背景色
drawBackground(&painter);
painter.translate(width / 2.0, height / 2.0);
painter.scale(side / 200.0, side / 200.0);
painter.setPen(Qt::NoPen);
//绘制时圆弧
const QDateTime& datetime = QDateTime::currentDateTime();
const QTime& time = datetime.time();
int hour = time.hour() >= 12 ? time.hour() - 12 : time.hour();
int min = time.minute();
int sec = time.second();
int msec = time.msec();
qreal dsec = sec + msec / 1000.0;
qreal dmin = min + dsec / 60.0;
qreal dhour = hour + dmin / 60.0;
drawTimePie(&painter, 94, dhour * 30);
//绘制分圆弧
drawTimePie(&painter, 81, dmin * 6);
//绘制秒圆弧
drawTimePie(&painter, 68, dsec * 6);
//绘制时间
drawTimeText(&painter, datetime);
}
void PieTimeWidget::drawBackground(QPainter* painter)
{
painter->save();
painter->fillRect(this->rect(), mBackColor);
painter->restore();
}
void PieTimeWidget::drawTimePie(QPainter* painter, int radius, qreal angle)
{
painter->save();
int smallradius = radius - radiusWidth;
int maxRaidus = radius + shadowWidth;
int minRadius = smallradius - shadowWidth;
QColor color = mPieColor;
QRadialGradient radialGrad(QPointF(0, 0), maxRaidus);
color.setAlphaF(0);
radialGrad.setColorAt(0, color);
radialGrad.setColorAt(minRadius * 1.0 / maxRaidus, color);
color.setAlphaF(0.5);
radialGrad.setColorAt(smallradius * 1.0 / maxRaidus, color);
const QColor& lightColor = mPieColor.lighter(100);
radialGrad.setColorAt((smallradius + 1) * 1.0 / maxRaidus, lightColor);
radialGrad.setColorAt((radius - 1) * 1.0 / maxRaidus, lightColor);
radialGrad.setColorAt(radius * 1.0 / maxRaidus, color);
color.setAlphaF(0);
radialGrad.setColorAt(1, color);
painter->setBrush(radialGrad);
painter->drawPie(-maxRaidus, -maxRaidus, maxRaidus * 2, maxRaidus * 2, 90 * 16, -angle * 16);//1-15
painter->restore();
}
void PieTimeWidget::drawTimeText(QPainter* painter, const QDateTime& datetime)
{
int radius = 60;
painter->save();
QFont font = painter->font();
font.setFamily("Microsoft Yahei");
font.setBold(true);
font.setPointSize(10);
painter->setFont(font);
QFontMetricsF fm(font);
QStringList textlst;
textlst << datetime.toString("MM月dd日yyyy");
textlst << datetime.toString("hh:mm:ss.zzz");
QPainterPath textpath;
textpath.addText(-fm.width(textlst[0]) / 2.0, -fm.lineSpacing() / 2.0, font, textlst[0]);
textpath.addText(-fm.width(textlst[1]) / 2.0, fm.lineSpacing() / 2.0, font, textlst[1]);
QColor textstrokeColor = mPieColor.light(80);
textstrokeColor.setAlphaF(0.2);
painter->strokePath(textpath, QPen(textstrokeColor, shadowWidth, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
painter->setBrush(mPieColor);
painter->drawPath(textpath);
painter->restore();
}
群
Qt交流大会 853086607
结尾
不定期上传新作品,解答群中作品相关问题。相关外,能解答则解答。欢迎大家一起探索Qt世界