WPf图片的放大缩小移动.docx
8页
WPF下实现图片的放大缩小移动在windows 7里面有自带的图片查看器，这个软件可以打开一张图片然后以鼠标在图片中的焦点为原点来进行缩放，并且放大后可以随意拖动下面我们在WPF中实现这个功能在实现这个功能之前先说下使用的主要函数和步骤ScaleTransform：进行缩放的函数TranslateTransform：进行平移的函数TransformGroup.Inverse：缩放图片后，把缩放后图片上的坐标转换为在原始图片的坐标，从而使图片正常缩放·步骤如下：1. 定义一个TranslateTransform实例来修改图片显示的起始位置2.定义一个ScaleTransform实例来缩放图片的大小，你可以通过设置CenterX和CenterY的值来指定图片缩放的原点这里使用TransformGroup.Inverse来转换放缩原点3.将两个Transform放到一个TransformGroup里面，这样Image控件就可以在显示的时候综合使用两个Transform的效果了4.将TransformGroup放到当前窗体的Resource里面，这样窗体里面所有的Image控件都可以引用到这个实例。
5.在鼠标移动事件里面修改TranslateTransform对应的值6.在鼠标滚轮事件里面修改ScaleTransform的ScaleX和ScaleY的值来缩放图片·XAML代码：
////RenderOptions.BitmapScalingMode="NearestNeighbor"使图片的变幻过程得到优化防止出现移动和放缩图片模糊的情况·C#代码： private bool mouseDown; private Point mouseXY; private void IMG1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { var img = sender as ContentControl; if (img == null) { return; } img.CaptureMouse(); mouseDown = true; mouseXY = e.GetPosition(img); }鼠标按下是的事件，启用捕获鼠标位置并把坐标赋值给mouseXY.private void IMG1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) { var img = sender as ContentControl; if (img == null) { return; } img.ReleaseMouseCapture(); mouseDown = false; }鼠标松开时的事件，停止捕获鼠标位置。
private void IMG1_MouseMove(object sender, MouseEventArgs e) { var img = sender as ContentControl; if (img == null) { return; } if (mouseDown) { Domousemove(img, e); } }鼠标移动时的事件，当鼠标按下并移动时发生Domousemove(img, e);函数 private void Domousemove(ContentControl img, MouseEventArgs e) { if (e.LeftButton != MouseButtonState.Pressed) { return; } var group = IMG.FindResource("Imageview") as TransformGroup; var transform = group.Children[1] as TranslateTransform; var position = e.GetPosition(img); transform.X-= mouseXY.X- position.X; transform.Y -= mouseXY.Y - position.Y; mouseXY = position; }group.Children中的第二个是移动的函数它根据X.Y的值来移动。
并把当前鼠标位置赋值给mouseXY. private void IMG1_MouseWheel(object sender, MouseWheelEventArgs e) { var img = sender as ContentControl; if (img == null) { return; } var point = e.GetPosition(img); var group = IMG.FindResource("Imageview") as TransformGroup; var delta = e.Delta * 0.001; DowheelZoom(group, point, delta); }鼠标滑轮事件，得到坐标，放缩函数和滑轮指数，由于滑轮值变化较大所以*0.001.private void DowheelZoom(TransformGroup group, Point point, double delta) { var pointToContent = group.Inverse.Transform(point); var transform = group.Children[0] as ScaleTransform; if (transform.ScaleX + delta < 0.1) return; transform.ScaleX += delta; transform.ScaleY += delta; var transform1 = group.Children[1] as TranslateTransform; transform1.X = -1 * ((pointToContent.X * transform.ScaleX) - point.X); transform1.Y = -1 * ((pointToContent.Y * transform.ScaleY) - point.Y); }Group.Children中的第一个是放缩函数。
如果ScaleX+滑轮指数小于0.1时就返回var pointToContent = group.Inverse.Transform(point);获取此变换的逆变换的值使图片放缩后，放缩原点也随之变化 var transform1 = group.Children[1] as TranslateTransform; transform1.X = -1 * ((pointToContent.X * transform.ScaleX) - 。
