7.制作可拖动的自定义控件，获取拖拽后控件坐标

       在Silverlight中MouseDragElementBehavior拖动行为的对象添加了某一个元素之后，就可以让该元素可以被拖动。这个行为 极大的方便了程序员的UI体验效果制作。但是在项目中，我们拖动了一个UI元素之后，我们往往还需要记录下这个UI元素的拖动后的元素坐标位置，以保存起 来，让用户自定义的拖动元素下次打开的时候能够还原出来。在这里有一个问题，我们很难获得UI元素拖动后的X,Y坐标。经查询各方面资料以及实践之后得出 这篇文章。通过加载MouseDragElementBehavior行为对象的DragFinished事件（本事件在每拖动一个像素点完成移动之后触 发），在这个事件中我们MouseDragElementBehavior对象实例的X，Y属性可以得到当前UI元素的具体位置。

        首先我们在新项目中添加一个Silverlight 自定义控件名为Rec.xaml。其XAML代码如下：

1. <Grid x:Name="LayoutRoot" Background="White"> 
2.      <Rectangle x:Name="ti" Width="140" Height="140" RadiusX="5" RadiusY="5" Fill="Blue"></Rectangle> 
3.      <sdk:Label Height="28" HorizontalAlignment="Left" Name="label1" VerticalAlignment="Top" Width="120" /> 
4.  </Grid> 

       其次我们引入System.Windows.Interactivity.dll和Microsoft.Expression.Interactions.dll两个文件。

       在Rec.xaml.cs文件中我们需要引入：
using System.Windows.Interactivity;
using Microsoft.Expression.Interactivity;
using Microsoft.Expression.Interactivity.Layout;

       这个时候，我们就可以使用MouseDragElementBehavior和它的相关方法了。我们现在贴出Rec.xaml.cs的代码如下：

1. using System; 
2. using System.Collections.Generic; 
3. using System.Linq; 
4. using System.Net; 
5. using System.Windows; 
6. using System.Windows.Controls; 
7. using System.Windows.Documents; 
8. using System.Windows.Input; 
9. using System.Windows.Media; 
10. using System.Windows.Media.Animation; 
11. using System.Windows.Shapes; 
12. using System.Windows.Interactivity; 
13. using Microsoft.Expression.Interactivity; 
14. using Microsoft.Expression.Interactivity.Layout; 
15.  
16. namespace SLMoveRecAndToolTip 
17. { 
18. public partial class Rec : UserControl 
19. { 
20. public Rec() 
21. { 
22. InitializeComponent(); 
23. } 
24.  
25. MouseDragElementBehavior dragBehavior = new MouseDragElementBehavior(); 
26. private bool isDrag; 
27. /// <summary> 
28. /// 是否允许被拖拽和鼠标右键 
29. /// </summary> 
30. public bool IsDrag 
31. { 
32. get { return isDrag; } 
33. set 
34. { 
35. isDrag = value; 
36. if (isDrag == true) 
37. { 
38. dragBehavior.Attach(this);//将本对象加入到可以鼠标拖动的行为对象中去 
39. dragBehavior.DragFinished += new MouseEventHandler(dragBehavior_DragFinished); 
40. //在对象移动成功之后加载一个处理事件。 
41. } 
42. else if (isDrag == false) 
43. { 
44. try 
45. { 
46. //设置本控件移动行为取消，并且取消DragFinished处理事件 
47. dragBehavior.Detach(); 
48. dragBehavior.DragFinished -= new MouseEventHandler(dragBehavior_DragFinished); 
49. } 
50. catch 
51. { 
52.  
53. } 
54. } 
55.  
56. } 
57. } 
58. /// <summary> 
59. /// 被拖动完成之后触发的事件 
60. /// </summary> 
61. /// <param name="sender"></param> 
62. /// <param name="e"></param> 
63. void dragBehavior_DragFinished(object sender, MouseEventArgs e) 
64. { 
65. MouseDragElementBehavior dragBehavior = sender as MouseDragElementBehavior; 
66. this.Tag = dragBehavior.X + "|" + dragBehavior.Y; // this.Tag设置为相应的值 
67. this.label1.Content = "X：" + dragBehavior.X + "---Y：" + dragBehavior.Y; 
68. //设置鼠标拖动本控件之后，在label1中显示当前控件的坐标位置 
69. } 
70. } 
71. } 

        相关的代码解释都在注释中，在这里我不再啰嗦。在MainPage.xaml.cs中我们只需要实例化这个对象，然后再设置这个对象的IsDrag属性为true，即可让此控件被拖动。如果为false，则此自定义控件不可再拖动。

        源代码如下：

1. Rec rect = new Rec(); 
2.            rect.HorizontalAlignment = HorizontalAlignment.Left; 
3.            rect.VerticalAlignment = VerticalAlignment.Top; 
4.            rect.IsDrag = true; 
5.            this.LayoutRoot.Children.Add(rect); 

        本实例使用VS2010+Silverlight 4.0开发。源码请点击SLMoveRecAndToolTip.rar下载

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