Silverlight 2 dynamically creates a rectangular object (with complete source code)

Silverlight 2 dynamically create a rectangle object (complete Source code ) [Switch]

Using the canvas of Silverlight 2, I wrote an example of dynamically creating a rectangle. Due to the time, there are some shortcomings,ProgramAll functions work normally. You can drag a rectangle object from any position on the canvas with the mouse, and release the mouse to create a rectangle!

Program running effect:

 

XAMLCode:

2. <Usercontrol X: Class="Sample. dragrect"
4. Xmlns=Http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
6. Xmlns: x=Http://schemas.microsoft.com/winfx/2006/xaml" 
8. Width="780" Height="400">
10. <Stackpanel Background="Green" 
12. Orientation="Horizontal">
14. <Canvas X: Name="Layoutroot"
16. Background="Greenyellow"
18. Width="650" Height="400"
20. Mousemove="Canvas_mousemove"
22. Mouseleftbuttondown="Canvas_mouseleftbuttondown" 
24. Mouseleftbuttonup="Canvas_mouseleftbuttonup"/>
26. <Stackpanel Background="Gold" Margin="10">
28. <Textblock Text="Select color :"/>
30. <Button X: Name="Btnred" 
32. Width="100" Height="50" 
34. Fontsize="20" Content="Red" Margin="5" 
36. Click="Btnred_click"/>
38. <Button X: Name="Btnblue" 
40. Width="100" Height="50"
42. Fontsize="20" Content="Blue" Margin="5" 
44. Click="Btnblue_click"/>
46. <Button X: Name="Btngreen" 
48. Width="100" Height="50"
50. Fontsize="20" Content="Green" Margin="5"
52. Click="Btngreen_click"/>
54. <Button X: Name="Btnclear" 
56. Width="100" Height="50"
58. Fontsize="20" Content="Clear" Margin="5" 
60. Background="Red"
62. Click="Btnclear_click"/>
64. </Stackpanel>
66. </Stackpanel>
68. </Usercontrol>

C # code:

2. UsingSystem;
4. UsingSystem. Collections. Generic;
6. UsingSystem. LINQ;
8. UsingSystem. net;
10. UsingSystem. windows;
12. UsingSystem. Windows. controls;
14. UsingSystem. Windows. documents;
16. UsingSystem. Windows. input;
18. UsingSystem. Windows. Media;
20. UsingSystem. Windows. Media. animation;
22. UsingSystem. Windows. shapes;
26. NamespaceSample
28. {
30. PublicPartialClassDragrect: usercontrol
32. {
34. PublicDragrect ()
36. {
38. Initializecomponent ();
40. }
44. BoolMousemoveing =False;
46. Point mousepoint;
48. Color rectcolor = colors. Red;
52. Private VoidCanvas_mousemove (ObjectSender, mouseeventargs E)
54. {
56. // Return if the cursor does not drag the rectangle
58. If(! Mousemoveing)
60. Return;
62. // Obtain the current mouse Coordinate
64. Point curpos = E. getposition (Null);
66. // Obtain the minimum coordinate value
68. DoublePosx = mousepoint. X;
70. DoublePosy = mousepoint. Y;
72. // Calculate the width and height of the rectangle
74. DoubleRectwidth = math. Abs (curpos. X-mousepoint. X );
76. DoubleRectheight = math. Abs (curpos. Y-mousepoint. y );
78. // Create a rectangle Element
80. Rectangle rect =NewRectangle ();
82. // Declare the width and height of the rectangle
84. Rect. width = rectwidth;
86. Rect. Height = rectheight;
88. // Fill color
90. Rect. Fill =NewSolidcolorbrush (rectcolor );
92. // Declare the position of the rectangle created in the canvas
94. Canvas. setleft (rect, posx );
96. Canvas. settop (rect, Posy );
98. // Add a rectangle to the canvas.
100. Layoutroot. Children. Add (rect );
102. }
106. Private VoidCanvas_mouseleftbuttondown (ObjectSender, mousebuttoneventargs E)
108. {
110. // Obtain the current mouse position
112. Mousepoint = E. getposition (Null);
114. // Start creating a rectangle
116. Mousemoveing =True;
118. }
122. Private VoidCanvas_mouseleftbuttonup (ObjectSender, mousebuttoneventargs E)
124. {
126. // Rectangle created
128. Mousemoveing =False;
130. }
134. Private VoidBtnred_click (ObjectSender, routedeventargs E)
136. {
138. // Declare the rectangle color as red
140. Rectcolor = colors. Red;
142. }
146. Private VoidBtnblue_click (ObjectSender, routedeventargs E)
148. {
150. // Declare the rectangle color as blue
152. Rectcolor = colors. blue;
154. }
158. Private VoidBtngreen_click (ObjectSender, routedeventargs E)
160. {
162. // Declare the rectangle color as green
164. Rectcolor = colors. Green;
166. }
170. Private VoidBtnclear_click (ObjectSender, routedeventargs E)
172. {
174. // Clear all the rectangular elements in the canvas
176. Layoutroot. Children. Clear ();
178. }
180. }
182. }