Windows Phone开发(21):做一个简单的绘图板

原创 2012年03月25日 15:18:16

其实我们今天要说的就是一个控件——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));
            }
        }
    }
}


 

 

相关文章推荐

用cocos2d-x做一个简单的windows phone 7游戏:墓碑机制和收尾工作(完)

经过了前面3节的教程,现在我们已经拥有了一个不错的游戏,但是,有没发现,其实还有一些问题的。比如,背景音乐,即使回到了菜单,那背景音乐依然在播放。这个体验不友好,应该算是BUG了。 那么来修改一下吧...

用cocos2d-x做一个简单的windows phone 7游戏:更猛的怪兽和更多的关卡(三)

本教程基于子龙山人翻译的cocos2d的IPHONE教程,用cocos2d-x for XNA引擎重写,加上我一些加工制作。教程中大多数文字图片都是原作者和翻译作者子龙山人,还有不少是我自己的理解和加...

用cocos2d-x做一个简单的windows phone 7游戏(一)

本教程基于子龙山人翻译的cocos2d的IPHONE教程,用cocos2d-x for XNA引擎重写,加上我一些加工制作。教程中大多数文字图片都是原作者和翻译作者子龙山人,还有不少是我自己的理解和加...

Java写的一个简单的绘图板

  • 2013年04月09日 21:46
  • 18KB
  • 下载

用QT做一个简单的登录界面

  • 2017年06月18日 13:40
  • 16.53MB
  • 下载

使用Multiplayer Networking做一个简单的多人游戏例子-3/3(Unity3D开发之二十七)

上一篇中血条还没有同步到所有客户端,下面添加血条同步。主要用到[SyncVar]同步变量。13. 网络同步血条 打开Health脚本 添加命名空间UnityEngine.Networking usin...

做一个简单的计算器

  • 2016年12月12日 16:50
  • 6.81MB
  • 下载

使用Multiplayer Networking做一个简单的多人游戏例子-1/3(Unity3D开发之二十五)

本文主要讲述了如何使用Multiplayer Networking开发多人游戏,文中实例、代码来源于Unity官方教程。 原文:INTRODUCTION TO A SIMPLE MULTIPLAY...

如何做一个简单的后门

  • 2010年07月11日 19:04
  • 2.04MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Windows Phone开发(21):做一个简单的绘图板
举报原因:
原因补充:

(最多只允许输入30个字)