效果图
在头文件类中声明变量
TCHAR m_dayStr[4]; // 日期TCHAR m_weekStr[4]; // 星期Gdiplus::Font* m_pFont; // 字体Gdiplus::StringFormat m_strFormat; // 格式化字符串Gdiplus::Pen* m_pPen; // 画笔Gdiplus::SolidBrush* m_pBrush; // 画刷Gdiplus::RectF m_dayRect; // 日期矩形Gdiplus::RectF m_weekRect; // 星期矩形Gdiplus::PointF m_orgPointF; // 圆点坐标float m_rColok; //圆半径
Gdiplus::PointF hourPts[4]; //时针多边形数组
Gdiplus::PointF mimPts[4]; //分针多边形数组
Gdiplus::PointF scrPts[2]; //秒针数组
在初始化函数中初始变量的值
// 获得系统时间 SYSTEMTIME sysTime; GetLocalTime(&sysTime);// 格式化日期和星期字符串 _stprintf_s(m_dayStr,TEXT("%02d"),sysTime.wDay);TCHAR weekStrs[7][4]={L"日",L"一",L"二",L"三",L"四",L"五",L"六"}; _stprintf_s(m_weekStr,TEXT("%s"),weekStrs[sysTime.wDayOfWeek]);// 启动时间计时器 SetTimer(m_hWnd,11,1000,NULL);
在WM_SIZE中计算圆点,半径,多边形分针,时针,秒针的顶点坐标数组值
float cx=LOWORD(lParam);float cy=HIWORD(lParam);// 计算圆点m_orgPointF.X=cx/2;m_orgPointF.Y=cy/2;// 计算半径m_rColok=min(cx,cy)/2;m_rColok-=10;float r=m_rColok;// 秒针数组赋值scrPts[0].X=0;scrPts[0].Y=-r*9/10;scrPts[1].X=0;scrPts[1].Y=r*2/10;// 分针多边形坐标数组mimPts[0].X=(float)(-r*0.7 / 10);mimPts[0].Y=0;mimPts[1].X=0;mimPts[1].Y=-r * 8/ 10;mimPts[2].X=(float)(r*0.7 / 10);mimPts[2].Y=0;mimPts[3].X=0;mimPts[3].Y=r * 2/ 10;// 时针多边形数组hourPts[0].X=-r / 10;hourPts[0].Y=0;hourPts[1].X=0;hourPts[1].Y=-r * 6/ 10;hourPts[2].X=r / 10;hourPts[2].Y=0;hourPts[3].X=0;hourPts[3].Y=r * 2/ 10;// 日期矩形m_dayRect.X=r-16;m_dayRect.Y=-10;m_dayRect.Width=20;m_dayRect.Height=20;// 日期矩形m_weekRect.X=r-36;m_weekRect.Y=-10;m_weekRect.Width=20;m_weekRect.Height=20;
用旋转图片来绘制多边形,
图片旋转是以圆点为中心来旋转的,
所以要重新设置坐标系圆点为表盘中心点
自定义函数RotatePolygon来计算多边形的旋转,和绘制
// 旋转多边形,并绘制
// (绘制对象,多边形顶点坐标数组,顶点个数,旋转角度)
void RotatePolygon(Gdiplus::Graphics* graphics, Gdiplus::PointF* points, int numPoints, float angle) {// 创建旋转矩阵 Gdiplus::Matrix matrix;matrix.Rotate(angle);// 旋转多边形的每个点Gdiplus::PointF* rotatedPoints = new Gdiplus::PointF[numPoints];for (int i = 0; i < numPoints; i++) {Gdiplus::PointF point = points[i];matrix.TransformPoints(&point, 1);rotatedPoints[i] = point;}Gdiplus::Pen pen(Color(255,0,0,0),(numPoints==2) ? 2.0f:1.0f);// 绘制旋转后的多边形graphics->DrawPolygon(&pen, rotatedPoints, numPoints);
// 用线性渐变画刷填充多边形graphics->FillPolygon(&Gdiplus::LinearGradientBrush(rotatedPoints[0],rotatedPoints[2],Color(255,0,0,255),Color(255,255,255,0)),rotatedPoints,numPoints);delete[] rotatedPoints; }
最后在WM_PAINT消息中绘制
void MyMainWnd::OnPaint(){PAINTSTRUCT ps;HDC hdc=BeginPaint(m_hWnd,&ps);// 创建内存dc,创建内存位图,并将内存位图选入内存dc中HDC hmdc=CreateCompatibleDC(hdc);;HBITMAP hBitmap=CreateCompatibleBitmap(hdc,ps.rcPaint.right,ps.rcPaint.bottom);HGDIOBJ hOldMap=SelectObject(hmdc,hBitmap);// 创建在内存dc中绘图对象 Gdiplus::Graphics g(hmdc);g.SetSmoothingMode(SmoothingModeAntiAlias); //设置抗锯齿模式// 用指定颜色填充整个内存位图m_pBrush->SetColor(Color(255,128,128,129));g.FillRectangle(m_pBrush,0,0,ps.rcPaint.right,ps.rcPaint.bottom);// 设置新的坐标系原点为表盘中心点 Gdiplus::Matrix transform;transform.Translate(m_orgPointF.X, m_orgPointF.Y);g.SetTransform(&transform);float xBegin,yBegin;float rClock=m_rColok; // 圆的半径// 用指定颜色的画刷,绘制表盘上的刻度m_pBrush->SetColor(Color(255,217,222,18));for(int i=0;i<60;i++){xBegin = (float)( rClock * sin(2 * PI*i / 60));yBegin = (float)(rClock * cos(2 * PI*i / 60));if (i % 5){// 填充小圆点表示小刻度g.FillEllipse(m_pBrush,xBegin-2,yBegin-2,4.0f,4.0f);}else{// 填充大圆点表示大刻度g.FillEllipse(m_pBrush,xBegin-4,yBegin-4,8.0f,8.0f);}}//获取系统时间 SYSTEMTIME x;GetLocalTime(&x);// 绘制显示日期和星期的矩形区域m_pPen->SetColor(Color::Black);m_pBrush->SetColor(Color::YellowGreen);g.DrawRectangle(m_pPen,m_dayRect);g.DrawRectangle(m_pPen,m_weekRect);g.FillRectangle(m_pBrush,m_dayRect);g.FillRectangle(m_pBrush,m_weekRect);// 绘制日期和星期的字符串文本m_pBrush->SetColor(Color::Black);g.DrawString(m_dayStr,-1,m_pFont,m_dayRect,&m_strFormat,m_pBrush);g.DrawString(m_weekStr,-1,m_pFont,PointF(m_weekRect.X+1,m_weekRect.Y+4),m_pBrush);// 绘制时针float tem=(float)((float)x.wMinute/60);float fHour=x.wHour+tem;float sita=float(fHour*30);RotatePolygon(&g,hourPts,4,(float)sita); //计算时针旋转角度并绘制// 绘制分针sita=float(x.wMinute*6);RotatePolygon(&g,mimPts,4,(float)sita);// 绘制秒针sita = float(x.wSecond*6);RotatePolygon(&g,scrPts,2,sita);// 绘制圆心m_pBrush->SetColor(Color(255,0,0,255));g.FillEllipse(m_pBrush,-6,-6,12,12);// 将内存dc中绘制的图片复制到当前dc中BitBlt(hdc,0,0,(int)ps.rcPaint.right,(int)ps.rcPaint.bottom,hmdc,0,0,SRCCOPY);// 释放内存位图,内存dc SelectObject(hmdc,hOldMap);DeleteObject(hBitmap);DeleteObject(hmdc);EndPaint(m_hWnd,&ps); }