Windows Phone开发（21）：做一个简单的绘图板

其实我们今天要说的就是一个控件——InkPresenter，这个控件并不是十分强大，没办法和WPF中的InkCanvas相比，估计在实际开发中也很少可能会用到它，不过，我们还是来了解一下吧，毕竟用起来也不难。

使用该控件没有什么技术含量，注意一下以下几点就是了：

1、必须明确指定InkPresenter的宽度和高度，也就是不能使用自动值和Margin，不然不能收集墨迹，除非里面有子元素；

2、要收集墨迹，要设置Clip属性；

3、可以使用DrawingAttributes类设置墨迹的大小和颜色。

该控件不能像WPF那样自动实现收集墨迹的功能，也就是说只能是我们自己写代码了。

1. <Grid>
2. <InkPresenter x:Name="MyPresenter"
3. HorizontalAlignment="Left"
4. VerticalAlignment="Top"
5. MouseLeftButtonDown="MyPresenter_MouseLeftButtonDown"
6. LostMouseCapture="MyPresenter_LostMouseCapture"
7. MouseMove="MyPresenter_MouseMove"
8. Background="Transparent"
9. Opacity="1" Width="480" Height="750" />
10. </Grid>

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 Microsoft.Phone.Controls;
13. // 引入以下命名空间。
14. using System.Windows.Ink;
15. namespace InkPresentSample
16. {
17. public partial class MainPage : PhoneApplicationPage
18. {
19. Stroke CurrentStroke = null;
20. // 构造函数
21. public MainPage()
22. {
23. InitializeComponent();
24. // 设置剪辑，以便收集墨迹
25. RectangleGeometry rg = new RectangleGeometry();
26. // 为了使范围准确，应使用控件的最终呈现高度。
27. rg.Rect = new Rect(0, 0, MyPresenter.ActualWidth, MyPresenter.ActualHeight);
28. MyPresenter.Clip = rg;
29. }
30. private void MyPresenter_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
31. {
32. // 当我们点击时获捉鼠标光标
33. MyPresenter.CaptureMouse();
34. // 收集当前的光标所在的位置的点
35. StylusPointCollection sc = new StylusPointCollection();
36. sc.Add(e.StylusDevice.GetStylusPoints(MyPresenter));
37. CurrentStroke = new Stroke(sc);
38. // 设置笔触的颜色，大小
39. CurrentStroke.DrawingAttributes.Color = Colors.Yellow;
40. CurrentStroke.DrawingAttributes.Width = 8;
41. CurrentStroke.DrawingAttributes.Height = 8;
42. // 把新的笔触添加到集合中
43. MyPresenter.Strokes.Add(CurrentStroke);
44. }
45. private void MyPresenter_LostMouseCapture(object sender, MouseEventArgs e)
46. {
47. // 当释放鼠标时，也同时释放笔触变量的引用
48. CurrentStroke = null;
49. }
50. private void MyPresenter_MouseMove(object sender, MouseEventArgs e)
51. {
52. if (CurrentStroke != null)
53. {
54. // 每移动一次鼠标，都收集对应的点。
55. CurrentStroke.StylusPoints.Add(e.StylusDevice.GetStylusPoints(MyPresenter));
56. }
57. }
58. }
59. }