DEMO下載地址:http://yunpan.cn/c3iNuHFFAcr8h (提取码:8e48)
先看一個截圖:
繪製了一些基本形狀。
DEMO的繪製代碼都非常簡單,不想在博客裡細說了,看代碼更為清晰些。
可能繪製扇形的代碼有些麻煩些。
微軟是使用鐘錶的轉動方向(順時針)作為弧度運轉方向的,所以角度30度,是會在x座標下的,而不是通常的在x座標上面。
帖一下畫鐘錶的代碼,是非常簡單的:
private void clock_Draw(CanvasControl sender, CanvasDrawEventArgs args){float radius = (float)sender.ActualWidth / 2 - 4;Vector2 center = new Vector2((float)sender.ActualWidth / 2, (float)sender.ActualWidth / 2);for (int i = 0; i < 60; ++i){int borderSize = 1;Vector2 begin = new Vector2(radius + center.X - 3, center.Y);Vector2 end = new Vector2(radius + center.X, center.Y);if (i % 15 == 0){borderSize = 4;begin = new Vector2(center.X + radius - 15, center.Y); }else if (i % 5 == 0){borderSize = 2;begin = new Vector2(radius + center.X - 10, center.Y);}args.DrawingSession.Transform = Matrix3x2.CreateRotation(TimeValue2Radion(i, 60), center);args.DrawingSession.DrawLine(begin, end, Color.FromArgb(255, 255, 255, 255), borderSize);}args.DrawingSession.DrawCircle(center, radius, Color.FromArgb(255, 255, 255, 255), 2);// 結點處是圓,指向處為三角CanvasStrokeStyle lineStyle = new CanvasStrokeStyle();lineStyle.StartCap = CanvasCapStyle.Round;lineStyle.EndCap = CanvasCapStyle.Triangle;// 時針float hours = DateTime.Now.Hour % 12 + DateTime.Now.Minute / 60.0f + DateTime.Now.Second / 60.0f / 24.0f; // 12小時制float intervalHours = hours - 3.0f; // 3點是0度float hourRadian = TimeValue2Radion(intervalHours, 12);args.DrawingSession.Transform = Matrix3x2.CreateRotation(hourRadian, center);args.DrawingSession.DrawLine(center, new Vector2(center.X + 80, center.Y), Color.FromArgb(255, 255, 255, 255), 5, lineStyle);// 分針float minutes = DateTime.Now.Minute+ DateTime.Now.Second / 60.0f;float intervalMinutes = minutes - 15; // 15分钟是0度float minuteRadian = TimeValue2Radion(intervalMinutes, 60);args.DrawingSession.Transform = Matrix3x2.CreateRotation(minuteRadian, center);args.DrawingSession.DrawLine(center, new Vector2(center.X + 100, center.Y), Color.FromArgb(255, 255, 255, 255), 2, lineStyle);// 秒針float seconds = DateTime.Now.Second;float intervalSeconds = seconds - 15; // 15秒是0度float secondRadian = TimeValue2Radion(intervalSeconds, 60);args.DrawingSession.Transform = Matrix3x2.CreateRotation(secondRadian, center);args.DrawingSession.DrawLine(center, new Vector2(center.X + 120, center.Y), Color.FromArgb(255, 255, 255, 255));}private float TimeValue2Radion(float intervalTime, int total){return intervalTime / total * 360 * (float)Math.PI / 180;}
因為今天只寫了這麼一個例子,就先發一個了。
後面再一一補上。