WPF图片缩放

【实例简介】

在windows 7里面有自带的图片查看器，这个软件可以打开一张图片然后以鼠标在图片中的焦点为原点来进行缩放，并且放大后可以随意拖动。下面我们在WPF中实现这个功能。

        在实现这个功能之前先说下使用的主要函数和步骤:

            ScaleTransform：进行缩放的函数。

           TranslateTransform：进行平移的函数。

           TransformGroup.Inverse：缩放图片后，把缩放后图片上的坐标转换为在原始图片的坐标，从而使图片正常缩放。

【实例截图】

【核心代码】

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplicationPicture
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        private void Image_MouseWheel(object sender, MouseWheelEventArgs e)
        {
            var mosePos = e.GetPosition(img);

            var scale = transform.ScaleX * (e.Delta > 0 ? 1.2 : 1 / 1.2);
            scale = Math.Max(scale, 1);

            transform.ScaleX = scale;
            transform.ScaleY = scale;

            if (scale == 1)        //缩放率为1的时候，复位
            {
                translate.X = 0;
                translate.Y = 0;
            }
            else                //保持鼠标相对图片位置不变
            {
                var newPos = e.GetPosition(img);

                translate.X = (newPos.X - mosePos.X);
                translate.Y = (newPos.Y - mosePos.Y);
            }
        }

        Point dragStart;
        private void Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            dragStart = e.GetPosition(root);
        }

        private void Image_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton != MouseButtonState.Pressed)
            {
                return;
            }

            var current = e.GetPosition(root);

            translate.X = (current.X - dragStart.X) / transform.ScaleX;
            translate.Y = (current.Y - dragStart.Y) / transform.ScaleY;

            dragStart = current;
        }
    }
}