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));
            }
        }
    }
}


 

 

Windows 8.1 下 Windows Phone 开发环境的搭建流程

转载:Windows 8.1 下 Windows Phone 开发环境的搭建流程 Windows 8.1 下 Windows Phone 开发环境的搭建流程...
  • LH806732
  • LH806732
  • 2014年04月14日 19:24
  • 3760

设置Windows phone 手机真机调试

最近要做Widows phone开发,用的最新的8.1的API,所以手机由8.0升级到了8.1,从网上查了下教程,做个记录! 1.首先,我们点击手机自带的应用商店 -->搜索软件“升级到WP8...
  • u010004082
  • u010004082
  • 2015年02月17日 21:52
  • 969

三十分钟做一个网页游戏

这篇文章的目的是短时间之内,通过做出一个简单的缘分对对碰游戏,了解网页开发的基本框架。   对于大部分网页,都要包括HTML、CSS、JavaScript三种技术。而相对应的三种文件格式为.html、...
  • caozhankui
  • caozhankui
  • 2013年08月22日 19:20
  • 2937

[Java学习日志]图形界面开发练习——绘图板的实现

Java具有十分丰富的绘图功能,通过调用对象方法,可以实现众多诸如绘制直线,矩形,圆形等功能。 通过实现一个仿画图软件的画图板,可以让我们更好的了解Java中的众多绘图机制,并能够加深对事件概念的认识...
  • JS_Drm
  • JS_Drm
  • 2016年05月29日 16:33
  • 1308

Windows Phone 开发小技巧

1、设置应用程序的图标 右击Wp7应用程序的解决方案,选择属性,设置Icon为自己想要的图片,如下图 并且要确保图片的build方式为Content,如下图所示: 2、 Windows ...
  • sylwlw
  • sylwlw
  • 2013年06月07日 21:11
  • 634

Windows Phone8模拟器设置

一、Windows Phone8 sdk 下载链接 http://dev.windowsphone.com/zh-cn/downloadsdk 系统要求 •操作系统类型:  Windo...
  • cometwo
  • cometwo
  • 2013年04月19日 23:15
  • 1399

Windows phone 多分辨率适配问题

Windows phone 多分辨率适配问题 2012/11/8 10:48:32 | 阅读28次       因为之前的 windows phone 应用是基于 7.1...
  • qxue2000
  • qxue2000
  • 2013年01月17日 23:56
  • 498

Swift 绘图板功能完善以及终极优化

转载请注明出处:http://blog.csdn.net/zhangao0086/article/details/45289475。 前文总结接着这篇:Swift 全功能的绘图板开发,虽然在上一篇中我...
  • zhangao0086
  • zhangao0086
  • 2015年04月30日 23:45
  • 6034

从零开始学会做一个简单的APP

本人是矿大学信息安全的大三狗,混了两年日子之后幡然醒悟决定做些自己早就想做的事情,学校的联通宽带是按时长收费的,但是每次查询已用时长和所扣费用步骤都十分的繁琐,大二的时候都想着要自己做一个APP来帮助...
  • sinat_18497785
  • sinat_18497785
  • 2016年04月21日 13:23
  • 3183

Windows Phone 保存、读取图片

转自:http://blog.csdn.net/leons77/article/details/8085662 读取图片 图片的来源一般有3个地方:网络、独立存储和程序包。 ...
  • gf771115
  • gf771115
  • 2014年07月09日 23:31
  • 2121
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Windows Phone开发(21):做一个简单的绘图板
举报原因:
原因补充:

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