Windows Phone development (21): Make a simple drawing board turn: http://blog.csdn.net/tcjiaan/article/details/7392179

In fact, what we want to talk about today is a control-inkpresenter. This control is not very powerful and cannot be compared with inkcanvas in WPF. It is estimated that it is rarely used in actual development. However, let's take a look at it. After all, it's not difficult to use it.

 

This control has no technical content. Pay attention to the following points:

1. The width and height of inkpresenter must be specified explicitly, that is, automatic values and margin cannot be used. Otherwise, ink marks cannot be collected unless there are child elements in them;

2. To collect ink marks, set the clip attribute;

3. You can use the drawingattributes class to set the ink size and color.

 

This control cannot automatically collect ink marks like WPF does. That is to say, we can only write our own code.

 

[HTML]View plaincopyprint?

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>

 

[CSHARP]View plaincopyprint?

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. // Introduce the following namespace.
14. Using system. Windows. Ink;
16. Namespace inkpresentsample
17. {
18. Public partial class mainpage: phoneapplicationpage
19. {
20. Stroke currentstroke = NULL;
21. // Constructor
22. Public mainpage ()
23. {
24. Initializecomponent ();
26. // Set the clip to collect ink marks
27. Rectanglegeometry Rg = new rectanglegeometry ();
28. // The final height of the control should be used to make the range accurate.
29. RG. rect = new rect (0, 0, mypresenter. actualwidth, mypresenter. actualheight );
30. Mypresenter. Clip = RG;
31. }
33. Private void mypresenter_mouseleftbuttondown (Object sender, mousebuttoneventargs E)
34. {
35. // Capture the mouse and cursor when we click
36. Mypresenter. capturemouse ();
37. // Collect the points at which the current cursor is located
38. Styluspointcollection SC = new styluspointcollection ();
39. SC. Add (E. stylusdevice. getstyluspoints (mypresenter ));
40. Currentstroke = new stroke (SC );
41. // Set the stroke color and size
42. Currentstroke. drawingattributes. Color = colors. Yellow;
43. Currentstroke. drawingattributes. width = 8;
44. Currentstroke. drawingattributes. Height = 8;
45. // Add new strokes to the set
46. Mypresenter. Strokes. Add (currentstroke );
47. }
49. Private void mypresenter_lostmousecapture (Object sender, mouseeventargs E)
50. {
51. // When the mouse is released, the reference of the stroke variable is also released.
52. Currentstroke = NULL;
53. }
55. Private void mypresenter_mousemove (Object sender, mouseeventargs E)
56. {
57. If (currentstroke! = NULL)
58. {
59. // Each time you move the mouse, the corresponding points are collected.
60. Currentstroke. styluspoints. Add (E. stylusdevice. getstyluspoints (mypresenter ));
61. }
62. }
63. }
64. }