且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

29.Silverlight碰撞测试、检测自定义控件碰撞,雷达扫描图之扫描雷达点状态

更新时间:2022-10-04 12:46:05

     雷达扫描图中当雷达指针转动扫描到某一个点上的时候,判断这个点的CPU值是否已经超过60的警戒位置如果超过将此点设置为红色。

        在Silverlight中我们的雷达指针是一直在做圆运动的,我们要随时检测雷达指针的位置,以及雷达是否碰撞到一个Device设备了。如果碰撞到 了,就检测设备CPU值为多少?在这里我们需要解决两个问题。第一、如何随时观测雷达指针的当前位置?第二、如何检测雷达指针是否碰撞接触到了设备点?

        针对第一个问题,需要做以下处理:

             •在本例中使用Timer控件,每隔50毫秒检测一次当前的雷达指针控件位置

             •雷达指针的位置根据检测当前雷达指针旋转角度的正余弦函数得到左上角点的X、Y位置,分别加上宽和高得到右下角点的位置。

             •在本实例中的碰撞检测函数是根据国外友人Andy的两个函数改编而来的,UserControlBounds函数里面获取Point的方式有所不同。

        针对第二个问题,我们需要做以下处理:

             •根据雷达指针的左上角和右下角的两个点的位置构造一个Rect结构A(注意Rect结构描述矩形的宽高和原点),然后同理根据Device自定义控件构造一个Rect结构。

             •检测者A、B两个Rect是否重合,如果重合则进行像素级别的对比是否碰撞接触在一起。

             •因为有很多个设备点,所以需要循环检测每一个设备点在某一个时间点是否和雷达指针碰撞。

        本篇实例源码基于上一节所述,本节中将雷达指针单独制作成为一个自定义控件,另外为设备自定义控件增加了一个属性IsOutStrip(设置如果超过警戒值则为红色),现在我们来看看本篇关键源码:

 


  1. public MainPage() 
  2. InitializeComponent(); 
  3.  
  4. AddCanvasTransform(); 
  5. RandarPointer rpointer = new RandarPointer(); 
  6. public void AddCanvasTransform() 
  7.  
  8. AddDevice(); 
  9. //设置一个50毫秒启动一次的定时器 
  10. time = new Timer(CheckIsContent, rpointer, 0, 50); 
  11.  
  12. private void AddDevice() 
  13. #region 添加闪动的设备 
  14. LayoutRoot.Children.Clear(); 
  15. //添加雷达指针 
  16. LayoutRoot.Children.Add(rpointer); 
  17. for (int i = 0; i < 15; i++) 
  18. Device dev = new Device(); 
  19. //设置X、Y坐标和Z层次 
  20. dev.SetValue(Canvas.TopProperty, dev.Y); 
  21. dev.SetValue(Canvas.LeftProperty, dev.X); 
  22.  
  23. //设置 dev.Tag为控件的左上角的点坐标和右下角的点坐标 
  24. double DevRight = dev.X + 16; 
  25. double DevButtom = dev.Y + 16; 
  26. dev.SetValue(Canvas.ZIndexProperty, 600); 
  27. dev.Tag = dev.X + "|" + dev.Y + "|" + DevRight + "|" + DevButtom; 
  28. LayoutRoot.Children.Add(dev); 
  29. #endregion 
  30. //添加一个Timer定时器检测当前的指针的位置。 
  31. Timer time
  32. public void CheckIsContent(object state) 
  33. this.rpointer.Dispatcher.BeginInvoke(new labelDelegete(UpdateLab)); 
  34.  
  35. public delegate void labelDelegete(); 
  36. public void UpdateLab() 
  37. Rectangle rectangle = rpointer.FindName("rectangle"as Rectangle; 
  38. //获取到当前雷达指针的左上角点的位置和右下角点的位置,赋值给Tag 
  39. double top = -Math.Sin(rpointer.rTransform.Angle) * 253 + 300; 
  40. double left = -Math.Cos(rpointer.rTransform.Angle) * 253 + 300; 
  41. double right = 300; 
  42. double buttom = 300; 
  43. rpointer.Tag = left + "|" + top + "|" + right + "|" + buttom; 
  44.  
  45. //循环获取所有的Device控件的位置和当前时间雷达指针是否碰撞 
  46. foreach (UIElement ui in LayoutRoot.Children) 
  47. Device device = ui as Device; 
  48. if (device != null
  49. Rectangle rectangleblue = device.Rectangleblue; 
  50. //检测雷达指针是否碰撞到设备, 
  51. if (CheckCollision(device, rectangleblue, rpointer, rectangle)) 
  52. //检测设备CPU占用值是否大于60%,如果大于则报警 
  53. if (device.Value > 60) 
  54. //让其显示为红色 
  55. device.IsOutStrip = true
  56. /// <summary> 
  57. /// 检查控件的位置是否碰撞在一起 
  58. /// </summary> 
  59. /// <param name="control1">第一用户控件</param> 
  60. /// <param name="controlElem1">第一用户控件内部需要检测是否碰撞的控件</param> 
  61. /// <param name="control2">第二用户控件</param> 
  62. /// <param name="controlElem2">第二用户控件内部需要检测是否碰撞的控件</param> 
  63. /// <returns></returns
  64. private bool CheckCollision(FrameworkElement control1, FrameworkElement controlElem1, FrameworkElement control2, FrameworkElement controlElem2) 
  65. // 创建两个Rect结构 
  66. Rect rect1 = UserControlBounds(control1); 
  67. Rect rect2 = UserControlBounds(control2); 
  68.  
  69. //检测这两个Rect结构是否重合 
  70. rect1.Intersect(rect2); 
  71. if (rect1 == Rect.Empty) 
  72. // no collision - GET OUT
  73. return false
  74. else 
  75. bool bCollision = false
  76. Point ptCheck = new Point(); 
  77.  
  78. // 更精准的像素级别的碰撞对比 
  79. for (int x = Convert.ToInt32(rect1.X); x < Convert.ToInt32(rect1.X + rect1.Width); x++) 
  80. for (int y = Convert.ToInt32(rect1.Y); y < Convert.ToInt32(rect1.Y + rect1.Height); y++) 
  81. ptCheck.X = x; 
  82. ptCheck.Y = y; 
  83.  
  84. List<UIElement> hits = System.Windows.Media.VisualTreeHelper.FindElementsInHostCoordinates(ptCheck, control1) as List<UIElement>; 
  85. if (hits.Contains(controlElem1)) 
  86. // we have a hit on the first control elem, now see if the second elem has a similar hit 
  87. List<UIElement> hits2 = System.Windows.Media.VisualTreeHelper.FindElementsInHostCoordinates(ptCheck, control2) as List<UIElement>; 
  88. if (hits2.Contains(controlElem2)) 
  89. bCollision = true
  90. break; 
  91. if (bCollision) break; 
  92. return bCollision; 
  93. /// <summary> 
  94. /// 根据需要检测的控件的坐标位置,绘制出需要检测控件的副本Rect控件 
  95. /// </summary> 
  96. /// <param name="control"></param> 
  97. /// <returns></returns
  98. public Rect UserControlBounds(FrameworkElement control) 
  99. //重新创建一个Rect结构。 
  100. string[] PointDirect = control.Tag.ToString().Split('|'); 
  101. Point ptTopLeft = new Point(Convert.ToDouble(PointDirect[0]), Convert.ToDouble(PointDirect[1])); 
  102. Point ptBottomRight = new Point(Convert.ToDouble(PointDirect[2]), Convert.ToDouble(PointDirect[3])); 
  103.  
  104. return new Rect(ptTopLeft, ptBottomRight); 

        本实例采用VS2010+Silverlight编写,如需源码点击 SLRandarHitTest.rar  下载,点击下图可查看Silverlight运行效果:

29.Silverlight碰撞测试、检测自定义控件碰撞,雷达扫描图之扫描雷达点状态



本文转自程兴亮 51CTO博客,原文链接:http://blog.51cto.com/chengxingliang/822552