WPF 实现地图的移动和滚动放大

刚进新公司做的是流水线的仿真系统，其中涉及到要实现放大和滚动的效果，现在来记录一下：

放大缩小效果：

 

  /// <summary>
        /// 放大缩小方法
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void canvas_MouseWheel(object sender, MouseWheelEventArgs e)
        {
            double ScaleX = 0;
            double ScaleY = 0;
            double dbl_ZoomX = ((ScaleTransform)(((TransformGroup)(((UIElement)(this.canvas)).RenderTransform)).Children[0])).ScaleX;
            double dbl_ZoomY = ((ScaleTransform)(((TransformGroup)(((UIElement)(this.canvas)).RenderTransform)).Children[0])).ScaleY;
            ((ScaleTransform)(((TransformGroup)(((UIElement)(this.canvas)).RenderTransform)).Children[0])).CenterX = e.GetPosition(canvas).X;
            ((ScaleTransform)(((TransformGroup)(((UIElement)(this.canvas)).RenderTransform)).Children[0])).CenterY = e.GetPosition(canvas).Y;

            if (e.Delta < 0)
            {
                ScaleX = dbl_ZoomX - 0.1 < 1 ? 0 : dbl_ZoomX - 0.1;
                ScaleY = dbl_ZoomY - 0.1 < 1 ? 0 : dbl_ZoomY - 0.1;
            }
            else if (e.Delta > 0)
            {
                ScaleX = dbl_ZoomX + 0.1 > 10.0 ? 10.0 : dbl_ZoomX + 0.1;
                ScaleY = dbl_ZoomY + 0.1 > 10.0 ? 10.0 : dbl_ZoomY + 0.1;
            }

            ((ScaleTransform)(((TransformGroup)(((UIElement)(this.canvas)).RenderTransform)).Children[0])).ScaleX = ScaleX;
            ((ScaleTransform)(((TransformGroup)(((UIElement)(this.canvas)).RenderTransform)).Children[0])).ScaleY = ScaleY;
        }

this.canvas 修改成您需要放大的控件。

1. 并在this.canvas里面添加滚轮事件MouseWheel="canvas_MouseWheel"
2. 在canvas里面添加如下代码：

 

<Canvas.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="1" ScaleY="1"/>
                <SkewTransform/>
                <RotateTransform/>
                <TranslateTransform/>
            </TransformGroup>
        </Canvas.RenderTransform>

 

控件移动效果

 

 /// <summary>
        /// 鼠标移动方法
        /// </summary>
        Point a;
        protected Thickness UCMargin;
        private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            this.MouseMove += new MouseEventHandler(Window1_MouseMove);
            a = e.GetPosition(this);
            if (a.X > 0 && a.Y > 0)
            {
                UCMargin = canvas.Margin;
            }
        }

        void Window1_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton != MouseButtonState.Released)
            {
                this.Cursor = Cursors.SizeAll;
                this.MouseLeftButtonUp += new MouseButtonEventHandler(Window1_MouseLeftButtonUp);
                Point PCurrent = e.GetPosition(this);

                double x = UCMargin.Left + PCurrent.X - a.X;
                double y = UCMargin.Top + PCurrent.Y - a.Y;
                canvas.Margin = new Thickness(x, y, 0, 0);
            }
            else
            {
                this.MouseMove -= new MouseEventHandler(Window1_MouseMove);
                this.Cursor = null;
            }
        }

        void Window1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            this.Cursor = null;
            this.MouseMove -= new MouseEventHandler(Window1_MouseMove);

        }

 

想再做一个旋转的效果，不过还没实现，有经验的欢迎赐教。