Qt环型时间

（一）、控件介绍

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世界