1.首先先给大家看一下最终效果图。
2.动态时钟首先我们就需要一个时间线程来对齐进行动态管理。在窗体的加载事件中添加时间线程,时间间隔设置为1秒执行一次,并且将触发事件添加给Elapsed,线程的声明放在事件之外。
System.Timers.Timer Time = new System.Timers.Timer();
private void Form1_Load(object sender, EventArgs e)
{
Time.Enabled = true;
Time.Interval = 1000; //执行间隔时间,单位为毫秒; 这里实际间隔为1秒种
Time.Start();
Time.Elapsed += new ElapsedEventHandler(ClockRun);
}
3.开始在窗体上画出时钟。
按照顺序,先画出表盘表心,然后在表盘上添加刻度和数字,最后画出时针分针秒针。此处最难的地方在于坐标的确定,尤其是指针为动态,按照表盘的刻度有60个秒针跟分针的位置。此处先写坐标的获取思路。
(1)此处的点B就是我们的表心也就是我们所画圆的圆心,BC为指针。用GDI画一个箭头,箭头的起点坐标为圆心坐标(圆心X,圆心Y),终点坐标就等于(圆心X+AB,圆心Y+AC),三角函数部分就不细说了,大家都会。有了思路就开始写代码。
/// <summary>
/// 通过三角函数换算对边和斜边
/// </summary>
/// <param name="intPut">夹角倍数</param>
/// <param name="intPutP"> 单倍夹角角度=Math.PI/intPutP(eg:秒针为6度)</param>
/// <param name="BC">斜边的长度</param>
/// <returns></returns>
private int[] Trigonometric(int intPut, int intPutP, int BC)
{
double J = 0, AB = 0, AC = 0;//夹角,对边,临边
int[] outPut = new int[2] { 0, 0 };
J = Math.PI / intPutP * intPut;
AB = Math.Sin(J) * BC;
AC = Math.Cos(J) * BC;
outPut[0] = Convert.ToInt32(AB);
outPut[1] = Convert.ToInt32(AC);
return outPut;
}
(2)有了坐标就开始画时钟;
按照上面说的顺序将每一个部分都画出来,代码如下;
Graphics gra = this.picClock.CreateGraphics();
gra.Clear(this.BackColor);//清除
gra.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
Pen pen = new Pen(Color.Black);//画笔颜色
gra.DrawEllipse(pen, InitialX, InitialY, Radius * 2, Radius * 2);//表盘
Brush bush = new SolidBrush(Color.Black);//填充的颜色
gra.FillEllipse(bush, Radius + InitialX - 4, Radius + InitialY - 4, 8, 8);//表心
Pen p = new Pen(Color.Black, 3);
int[] intKdS, intKdE, intKdZ;
//12个刻度
for (int i = 0; i < 12; i++)
{
//画刻度
intKdS = Trigonometric(i, 6, Radius);//刻度的终点坐标
intKdE = Trigonometric(i, 6, Radius - 8);//刻度的起点坐标
intKdZ = Trigonometric(i, 6, Radius - 20);
gra.DrawLine(p, Radius + InitialX + intKdE[0], Radius + InitialY - intKdE[1], Radius + InitialX + intKdS[0], Radius + InitialY - intKdS[1]);//
//写刻度上的数字
Label lab = new Label();//初始化一个控件
lab.Name = "lab" + i;
lab.Size = i > 0 && i < 7 ? new Size(8, 12) : new Size(18, 12);//设置大小
lab.Location = new Point(Radius + intKdZ[0] + 8, Radius - intKdZ[1] + 8);//设置坐标
lab.Text = i == 0 ? "12" : i.ToString();
this.picClock.Controls.Add(lab);
}
//用一个int数组存放时分秒针的终点坐标
labNowTime.Text = "实时时间:" + DateTime.Now.ToString();//数字式实时时间日期
intH = DateTime.Now.Hour; //实时时间的小时
intH = intH > 12 ? intH - 12 : intH;// 将24小时制转换成12小时制
int[] intSecond = Trigonometric(DateTime.Now.Second, 30, Radius - zhizD), intMinute = Trigonometric(DateTime.Now.Minute, 30, Radius - zhizD), intHour = Trigonometric(intH, 6, Radius - zhizD);
//Graphics gra = this.picClock.CreateGraphics();
//箭头
AdjustableArrowCap lineCap = new AdjustableArrowCap(4, 4, true);
//秒针
Pen redArrowPenS = new Pen(Color.Black, 1);
redArrowPenS.CustomEndCap = lineCap;
gra.DrawLine(redArrowPenS, Radius + InitialX, Radius + InitialY, Radius + InitialX + intSecond[0], Radius + InitialY - intSecond[1]);
//分针
Pen redArrowPenM = new Pen(Color.Black, 2);
redArrowPenM.CustomEndCap = lineCap;
gra.DrawLine(redArrowPenM, Radius + InitialX, Radius + InitialY, Radius + InitialX + intMinute[0], Radius + InitialY - intMinute[1]);
//时针
Pen redArrowPenH = new Pen(Color.Black, 3);
redArrowPenH.CustomEndCap = lineCap;
gra.DrawLine(redArrowPenH, Radius + InitialX, Radius + InitialY, Radius + InitialX + intHour[0], Radius + InitialY - intHour[1]);
4.总结
(1)总的来说都是画图的函数调用,难点在于坐标的确定,只要思路清晰就都不是问题(只针对新手,大神玩家可以随意指出不足的地方,虚心接受)
(2)存在的问题是时钟只有12个位置,只指向整点,只能等后期有时间再优化了。
完整代码已经在下面给出链接,谢谢大家,支持原创。