WPF 中Canvas图形移动、缩放代码

从Flash转C#，很多内容一知半解，边摸索边前进，代码粗糙，权当留个脚印。

只是想得到一个基础的移动和缩放功能的界面，找了很久都是画线、画矩形等基础形状的代码，移动和缩放说的并不清晰，只能自己努力来解决一下。

素材准备：

WPF项目的屏幕上放一个Canvas控件，名称为canvas1。

代码如下：

 using System;
 using System.Windows;
 using System.Windows.Media;
 using System.Windows.Input;
 using System.Windows.Shapes;
 using System.Windows.Controls;
 
 namespace WpfcanvasDrawing
 {
     /// <summary>
     /// MainWindow.xaml 的交互逻辑
     /// </summary>
     public partial class MainWindow : Window
     {
         //移动标志
         bool isMoving = false;
         //鼠标按下去的位置
         Point startMovePosition;
 
         TranslateTransform totalTranslate = new TranslateTransform();
         TranslateTransform tempTranslate = new TranslateTransform();
         ScaleTransform totalScale = new ScaleTransform();
         Double scaleLevel = ;
 
         public MainWindow()
         {
             InitializeComponent();
 
             canvas1.Focusable = true;//重要：默认条件下不接收鼠标事件
             canvas1.HorizontalAlignment = System.Windows.HorizontalAlignment.Stretch;
             canvas1.VerticalAlignment = System.Windows.VerticalAlignment.Stretch;
             canvas1.Background = Brushes.Transparent;//.Cyan;
 
             DrawingLine(new Point(, ), new Point(, ));
             DrawingLine(new Point(, ), new Point(, ));
         }
 
         protected void DrawingLine(Point startPt, Point endPt)
         {
             LineGeometry myLineGeometry = new LineGeometry();
             myLineGeometry.StartPoint = startPt;
             myLineGeometry.EndPoint = endPt;
 
             Path myPath = new Path();
             myPath.Stroke = Brushes.Black;
             myPath.StrokeThickness = ;
             myPath.Data = myLineGeometry;
 
             canvas1.Children.Add(myPath);
         }
 
         private void canvas1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
         {
             startMovePosition = e.GetPosition((Canvas)sender);
             isMoving = true;
         }
 
         private void canvas1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
         {
             isMoving = false;
             Point endMovePosition = e.GetPosition((Canvas)sender);
 
             //为了避免跳跃式的变换，单次有效变化 累加入 totalTranslate中。
             totalTranslate.X += (endMovePosition.X - startMovePosition.X)/scaleLevel;
             totalTranslate.Y += (endMovePosition.Y - startMovePosition.Y)/scaleLevel;
         }
 
         private void canvas1_MouseMove(object sender, MouseEventArgs e)
         {
             if (isMoving)
             {
                 Point currentMousePosition = e.GetPosition((Canvas)sender);//当前鼠标位置
 
                 Point deltaPt = new Point(, );
                 deltaPt.X = (currentMousePosition.X - startMovePosition.X) /scaleLevel;
                 deltaPt.Y = (currentMousePosition.Y - startMovePosition.Y) /scaleLevel;
 
                 tempTranslate.X = totalTranslate.X + deltaPt.X;
                 tempTranslate.Y = totalTranslate.Y + deltaPt.Y;
 
                 adjustGraph();
             }
         }        
 
         private void canvas1_MouseWheel(object sender, MouseWheelEventArgs e)
         {
             Point scaleCenter = e.GetPosition((Canvas)sender);
 
             if (e.Delta > )
             {
                 scaleLevel *= 1.08;
             }
             else
             {
                 scaleLevel /= 1.08;
             }
             //Console.WriteLine("scaleLevel: {0}", scaleLevel);
 
             totalScale.ScaleX = scaleLevel;
             totalScale.ScaleY = scaleLevel;
             totalScale.CenterX = scaleCenter.X;
             totalScale.CenterY = scaleCenter.Y;
 
             adjustGraph();
         }
 
         private void adjustGraph()
         {
             TransformGroup tfGroup = new TransformGroup();
             tfGroup.Children.Add(tempTranslate);
             tfGroup.Children.Add(totalScale);
 
             foreach (UIElement ue in canvas1.Children)
             {
                 ue.RenderTransform = tfGroup;
             }
         }
 
     }
 }

变量说明：

　　　　 //移动标志
        bool isMoving = false;
        //鼠标按下去的位置
        Point startMovePosition;
 
        TranslateTransform totalTranslate = new TranslateTransform();//多次操作中需要对总的移动量进行统计。
        ScaleTransform totalScale = new ScaleTransform();//缩放变量
        Double scaleLevel = 1;//缩放的级别
 
函数功能说明：
DrawingLine 在指定的Canvas控件中画线，用于测试。

鼠标按下时，记录起始移动的位置点，标记拖动操作开始 isMoving = true。
鼠标移动过程中，将有效的移动距离记录到总移动变量 totalTranslate 当中，并对位置进行刷新。
鼠标滚轮变化时，根据滚轮方向调整缩放级别。
不同缩放级别下，屏幕中移动相同的距离，对于Canvs内的图形来说距离不同，因此需要对鼠标移动的距离进行修正，即将移动距离除以缩放级别，这样可以得到相对精确的移动位置。
 
遗留问题：
1、连续在不同位置进行缩放时，仍会有较小的抖动，细节处理上还有瑕疵。
2、使用下面的语句，可以实现canvas1自动缩放(将canvas1的宽度与高度设为Auto)。
canvas1.HorizontalAlignment = System.Windows.HorizontalAlignment.Stretch;
canvas1.VerticalAlignment = System.Windows.VerticalAlignment.Stretch;
 
学习太辛苦，采购点东西鼓励一下自己，微信扫描二维码，“香雪杂货店”欢迎您的到来，遇到喜欢的东西尽管带走~~