最近博主需要实现一个画板功能,可以写字并且支持触屏的手势缩放以及拖动。
找资料的时候发现网上相关资料特别少,于是经历了#$#@!##$#¥#$*就完成了。
上教程:
1.首先我们要实现一个最基本的画板功能,只需要简单的一行代码即可:
对InkCanvas如还有不会使用的,参考这篇文章(WPF InkCanvas 画图 基础使用教程)
<InkCanvas Width="1000" Height="1000" />
这样我们便有了一个最基本的画板,下面我们先用鼠标滚轮来实现画板放大缩小。
<Grid Background="Blue" x:Name="touchGrid">
<InkCanvas Background="AntiqueWhite"
x:Name="ink"
MouseWheel="ink_MouseWheel" />
</Grid>
2.鼠标滚轮实现缩放以及移动
如果对InkCanvas本身控件进行缩放移动,那么将会露出部分父容器Grid的背景色,要解决这个问题,我们只需要对墨迹进行缩放即可,对ink.Strokes进行操作,使用Transform方法对其进行变换,Matrix是一个矩阵变换的类(C# 矩阵变换Matrix),然而我们用自带的方法就OK了,以鼠标为中心点进行缩放:
private void ink_MouseWheel(object sender, MouseWheelEventArgs e)
{
if (e.Delta < 0)
{