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

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

 

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

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

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

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

 

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

 

<Grid> <InkPresenter x:Name="MyPresenter" HorizontalAlignment="Left" VerticalAlignment="Top" MouseLeftButtonDown="MyPresenter_MouseLeftButtonDown" LostMouseCapture="MyPresenter_LostMouseCapture" MouseMove="MyPresenter_MouseMove" Background="Transparent" Opacity="1" Width="480" Height="750" /> </Grid>

 

using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using Microsoft.Phone.Controls; // 引入以下命名空间。 using System.Windows.Ink; namespace InkPresentSample { public partial class MainPage : PhoneApplicationPage { Stroke CurrentStroke = null; // 构造函数 public MainPage() { InitializeComponent(); // 设置剪辑，以便收集墨迹 RectangleGeometry rg = new RectangleGeometry(); // 为了使范围准确，应使用控件的最终呈现高度。 rg.Rect = new Rect(0, 0, MyPresenter.ActualWidth, MyPresenter.ActualHeight); MyPresenter.Clip = rg; } private void MyPresenter_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { // 当我们点击时获捉鼠标光标 MyPresenter.CaptureMouse(); // 收集当前的光标所在的位置的点 StylusPointCollection sc = new StylusPointCollection(); sc.Add(e.StylusDevice.GetStylusPoints(MyPresenter)); CurrentStroke = new Stroke(sc); // 设置笔触的颜色，大小 CurrentStroke.DrawingAttributes.Color = Colors.Yellow; CurrentStroke.DrawingAttributes.Width = 8; CurrentStroke.DrawingAttributes.Height = 8; // 把新的笔触添加到集合中 MyPresenter.Strokes.Add(CurrentStroke); } private void MyPresenter_LostMouseCapture(object sender, MouseEventArgs e) { // 当释放鼠标时，也同时释放笔触变量的引用 CurrentStroke = null; } private void MyPresenter_MouseMove(object sender, MouseEventArgs e) { if (CurrentStroke != null) { // 每移动一次鼠标，都收集对应的点。 CurrentStroke.StylusPoints.Add(e.StylusDevice.GetStylusPoints(MyPresenter)); } } } }