c#,利用WPF的ScaleTransform和TranslateTransform实现图片的缩放效果
一、缩放要求
1.缩放对象在可视区域内,已对象的中心点进行缩放。
2.缩放对象比可视区大,并且对象各边界都在可视区外围,那么已鼠标位置进行缩放。
3.缩放对象比可视区大,但是缩放后某一边界在可视区的对应边界内,那么该边界与可视区边界对齐,对向缩放。
二、缩放代买片段
1 private void Window_MouseWheel(object sender, MouseWheelEventArgs e) {
2 if (e.Delta == 0) return;
3
4
5 double d = e.Delta / Math.Abs(e.Delta);
6
7 if (_scaleValue < 0.5 && d < 0) return;
8
9 if (_scaleValue > 20 && d > 0) return;
10
11 _scaleValue += d * .2;
12
13 //获取鼠标在缩放之前的目标上的位置
14 Point targetZoomFocus1 = e.GetPosition(target);
15
16 //获取目标在缩放之前的Rect
17 Rect beforeScaleRect =
18 target.RenderTransform.TransformBounds(new Rect(target.RenderSize));
19
20 //缩放的中心点为左上角(0,0)
21 scaler.ScaleX = _scaleValue;
22 scaler.ScaleY = _scaleValue;
23
24 //获取鼠标在缩放之后的目标上的位置
25 Point targetZoomFocus2 = new Point(targetZoomFocus1.X * (1 + d * .2), targetZoomFocus1.Y * (1 + d * .2));
26
27 //获取目标在缩放之后的Rect
28 Rect afterScaleRect = target.RenderTransform.TransformBounds(new Rect(target.RenderSize));
29
30 //算的缩放前后鼠标的位置间的差
31 Vector v = targetZoomFocus2 - targetZoomFocus1;
32
33
34 if (afterScaleRect.Size.Width <= _viewportSize.Width) {
35 //缩放之后居中
36 double widthHalfDelta = (Container.RenderSize.Width - afterScaleRect.Width) / 2;
37 translater.X = widthHalfDelta;
38 }
39 else if (afterScaleRect.X - v.X > 0) {
40 //目标左边界与可视左边界对齐
41 translater.X = 0;
42 }
43 else if (afterScaleRect.X + afterScaleRect.Width - v.X < Container.RenderSize.Width) {
44 //目标右边界与可视右边界对齐
45 translater.X = Container.RenderSize.Width - afterScaleRect.Size.Width;
46 }
47 else {
48 //减去鼠标点在缩放前后之间的差值,实际上就是以鼠标点为中心进行缩放
49 translater.X -= v.X;
50 }
51
52
53 if (afterScaleRect.Size.Height <= _viewportSize.Height) {
54 double heightHalfDleta = (Container.RenderSize.Height - afterScaleRect.Height) / 2;
55 translater.Y = heightHalfDleta;
56 }
57 else if (afterScaleRect.Y - v.Y > 0) {
58 translater.Y = 0;
59 }
60 else if (afterScaleRect.Y + afterScaleRect.Height - v.Y < Container.RenderSize.Height) {
61 translater.Y = Container.RenderSize.Height - afterScaleRect.Size.Height;
62 }
63 else {
64 translater.Y -= v.Y;
65 }
66 }
代码:
http://download.csdn.net/download/kongxh_1981/9161521
c#,利用WPF的ScaleTransform和TranslateTransform实现图片的缩放效果的更多相关文章
- 利用WPF绘图
C#入门经典 25章的一个例子,利用WPF绘图. XAML: <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/p ...
- 利用WPF创建含多种交互特性的无边框窗体
咳咳,标题一口气读下来确实有点累,让我先解释一下.另外文章底部有演示程序的下载. 本文介绍利用WPF创建一个含有以下特性的窗口: 有窗口阴影,比如QQ窗口外围只有几像素的阴影: 支持透明且无边框,为了 ...
- 利用WPF建立自己的3d gis软件(非axhost方式)(十二)SDK中的导航系统
原文:利用WPF建立自己的3d gis软件(非axhost方式)(十二)SDK中的导航系统 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew ...
- 利用WPF建立自己的3d gis软件(非axhost方式)(十三)万能的用户层接口,(强大的WPF)
原文:利用WPF建立自己的3d gis软件(非axhost方式)(十三)万能的用户层接口,(强大的WPF) 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt ...
- 利用WPF建立自己的3d gis软件(非axhost方式)(十一)SDK中的动画系统
原文:利用WPF建立自己的3d gis软件(非axhost方式)(十一)SDK中的动画系统 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew ...
- 利用WPF建立自己的3d gis软件(非axhost方式)(十)SDK中一些自带的展示面板应用
原文:利用WPF建立自己的3d gis软件(非axhost方式)(十)SDK中一些自带的展示面板应用 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV ...
- 利用WPF建立自己的3d gis软件(非axhost方式)(七)实现简单的粒子效果
原文:利用WPF建立自己的3d gis软件(非axhost方式)(七)实现简单的粒子效果 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew密 ...
- 利用WPF建立自己的3d gis软件(非axhost方式)(八)拖动一个UI到地球上
原文:利用WPF建立自己的3d gis软件(非axhost方式)(八)拖动一个UI到地球上 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew ...
- 利用WPF建立自己的3d gis软件(非axhost方式)(九)SDK自带部分面板的调用
原文:利用WPF建立自己的3d gis软件(非axhost方式)(九)SDK自带部分面板的调用 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bP ...
随机推荐
- PostgreSQL按年月日分组
Select EXTRACT(year from cast(joindate as timestamp)) as Year, EXTRACT(month from cast(joindate as t ...
- html 线条重叠变粗
加入属性 单元格重叠变粗 使用border-collapse:collapse; 可以解决.
- c++实验3 链式存储线性表
1.线性表链式存储结构及基本操作算法实现 (1)单链表存储结构类的定义: #include <iostream> using namespace std; template <cla ...
- Hadoop完全分布式搭建全过程
本次操作共4台虚拟机(node211,node212,node213,node214),node211为NameNode,其余3台为DataNode,SecondaryNamenode为node212 ...
- OCP 12c最新考试原题及答案(071-6)
6.(4-21) choose the best answer: View the Exhibit and examine the structure of the CUSTOMERS table. ...
- linux开机后第一个程序--init
背景知识 计算机启动基本流程如下 1)首先开机自检-POST, 2)自检通过后根据CMOS的配置找到第一个可启动磁盘的MBR中的boot loader程序(一般在启动磁盘的第一个物理扇区,占446字节 ...
- kafka-0.9
1)yum install java 2)curl -L -O http://mirrors.cnnic.cn/apache/kafka/0.9.0.0/kafka_2.10-0.9.0.0.tgz ...
- CoreImage 图片处理
CoreImage 是苹果 iOS5新增的一个 OC 框架,提供了强大的图像处理功能, 用于对基于像素的图像进行操作与分析, 提供了很多滤镜(Filter),形成强大的自定义效果 CIImage 类 ...
- APP元素的四大类
一个完整的APP包括四大类:各种“栏”.内容视图.控制元素.临时视图 各种“栏”:状态栏.导航栏.标签栏.工具栏.范围栏 内容视图:列表视图.卡片式图.集合视图.图片视图.文本视图 控制元素:用于控制 ...
- Git密钥
SSH keys SSH key 可以让你在你的电脑和Code服务器之间建立安全的加密连接. 先执行以下语句来判断是否已经存在本地公钥: 1. cat ~/.ssh/id_rsa.pub 如果你 ...