HybridClock 详解

                                                          HybridClock  详解

 

Charles Petzold在Ch8中介绍了旋转和偏移的使用，最经典的就是HybridClock程序了，说实话，他的所有的程序的思想几乎都可以在《Windows 程序设计》中找到哦，好了，看看他是怎么写的吧；

 

先是最核心的部分，秒针/分针/时针 的角度计算：

 

void UpdateClock() { DateTime dt = DateTime.Now; double angle = 6 * dt.Second; SetupHand(secondHand, "THE SECONDS ARE " + dt.Second, angle); angle = 6 * dt.Minute + angle / 60; SetupHand(minuteHand, "THE MINUTE IS " + dt.Minute, angle); angle = 30 * (dt.Hour % 12) + angle / 12; SetupHand(hourHand, "THE HOUR IS " + (((dt.Hour + 11) % 12) + 1), angle); }

 

咋一看作者的代码有点难懂，其实这是他化简后的代码，这样可以减少cpu计算量；

我把它还原为最初的思想：

void UpdateClock() { DateTime dt = DateTime.Now; double angle = (dt.Second / 60.0) * 360; string content = "-------------> " + dt.Second ; SetClockHand(secondsHand, angle, content); angle = (dt.Minute / 60.0) * 360 + angle/360.0/60.0*360; content = "---------> " + dt.Minute ; SetClockHand(minutesHand, angle, content); angle = (((dt.Hour + angle / 360.0) % 12) / 12.0) * 360 ; content = "----> " + dt.Hour % 12; SetClockHand(hoursHand, angle, content); }

对于秒针：60秒为360度，按比例就是seconds/60*360;

       angle = (dt.Second / 60.0) * 360; //就相当于dt.Second*6

对于分针:60分钟为360度，按比例就是minutes/60*360;

       angle = (dt.Minute / 60.0) * 360 + angle/360.0/60.0*360; //后半部对于angle/360.0就是计算多少分钟，然后/60.0看看是60分钟的几分之一，然后*360计算角度，化简后就是:angle = 6 * dt.Minute + angle / 60;

对于时针：12小时为360度，按比例就是hours/12*360

       angle = (((dt.Hour + angle / 360.0) % 12) / 12.0) * 360 ;   //式子中的angle/360.0是计算分钟转为多少个小时，然后同上，化简过程:

      //angle = (dt.Hour+angle/360.0)%12)*30 // =(dt.Hour%12)*30 + (angle/360.0)%12*30 //由于式子中angle/360.0必然处于0-1之间，所以%12可以省略 //那么结果就是 dt.Hour%12*30+angle/360.0*30 // 即 dt.Hour%12*30+angle/12     

 

//搞定了角度计算，然后就基本ok了。

 

接下来是TextBlock设置 ：

先看看Charles Petzold:

 

void SetupHand(TextBlock txtblk, string text, double angle) { txtblk.Text = text; CompositeTransform xform = txtblk.RenderTransform as CompositeTransform; xform.CenterX = textSize.Height / 2; xform.CenterY = textSize.Height / 2; xform.ScaleX = scale; xform.ScaleY = scale; xform.Rotation = angle - 90; xform.TranslateX = gridCenter.X - textSize.Height / 2; xform.TranslateY = gridCenter.Y - textSize.Height / 2; }

 

我觉得他的代码是非常好的，考虑到了美观，但是我觉得还是越简单越好吧：

void SetClockHand(TextBlock txtblk, double angle, string text) { txtblk.Text = text; CompositeTransform compositeTransform = txtblk.RenderTransform as CompositeTransform; compositeTransform.CenterX = 0; compositeTransform.CenterY = textSize.Height / 2; //旋转点设置为x坐标为0，y坐标是1/2高处，注意：旋转点是针对控件本身的 compositeTransform.Rotation = angle - 90; //旋转角度是顺时针，0度表示水平，但是对于时钟一开始是-90度，这样，减去90度就ok compositeTransform.ScaleX = scale; compositeTransform.TranslateX =gridCenter.X ; //注意这里的偏移设置，由于没有设置 对齐，所以作者设置了偏移，事实上，最好不要设置偏移方式，因为这样会显得混乱。 compositeTransform.TranslateY= gridCenter.Y ; }

 

 

看看效果：