wpf 图片平移、旋转和缩放

最新推荐文章于 2024-04-17 09:05:12 发布

yulongguiziyao

最新推荐文章于 2024-04-17 09:05:12 发布

阅读量4.2k

点赞数

分类专栏： # WPF 文章标签： wpf 图片平移旋转缩放

本文链接：https://blog.csdn.net/yulongguiziyao/article/details/49891223

版权

WPF 专栏收录该内容

119 篇文章 2 订阅

订阅专栏

因项目需要图片预览，所以做了一个预览的功能，在次备份：

xaml代码：

.cs代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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.Shapes;

namespace Hlwdsj.Clf.Zlys.Common
{
/// <summary>
/// ImagePreview.xaml 的交互逻辑
/// </summary>
public partial class ImagePreview : Window
{
Point dragStart;
int imageAngle;

public ImagePreview(string path)
{
InitializeComponent();
img.Source = new BitmapImage(new Uri(path, UriKind.RelativeOrAbsolute));
}
/// <summary>
/// 图片鼠标按下事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
dragStart = e.GetPosition(root);
}
/// <summary>
/// 图片鼠标滚轮滚动事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
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);
}
}
/// <summary>
/// 图片鼠标移动事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Image_MouseMove(object sender, MouseEventArgs e)
{
if (e.LeftButton != MouseButtonState.Pressed)
{
return;
}

var current = e.GetPosition(root);
//将坐标都转换成image坐标系下的坐标
Point point0 = root.TranslatePoint(current, (UIElement)img);
Point point1 = root.TranslatePoint(dragStart, (UIElement)img);
translate.X += (point0.X - point1.X);
translate.Y += (point0.Y - point1.Y);

dragStart = current;
}
/// <summary>
/// 图片左转事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Button_Click(object sender, RoutedEventArgs e)
{
imageAngle = (imageAngle + 90) % 360;
rotate.Angle = imageAngle;
}
/// <summary>
/// 图片右转事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Button_Click_1(object sender, RoutedEventArgs e)
{
imageAngle = (imageAngle - 90) % 360;
rotate.Angle = imageAngle;
}

private void Button_Click_2(object sender, RoutedEventArgs e)
{
this.Close();
}
}
}

源代码下载：

http://download.csdn.net/detail/yulongguiziyao/9277593

yulongguiziyao

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
wpf 图片平移、旋转和缩放

因项目需要图片预览，所以做了一个预览的功能，再次备份：xaml代码： xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="图片预览"
复制链接

扫一扫