当前位置: 首页 > news >正文

【WPF】对Image元素进行缩放平移等操作

元素布局

        <Border Grid.Row="1" Name="border" ClipToBounds="True" Margin="10,10,10,10"><Image Name="image" Visibility="Visible" Margin="3,3,3,3" Grid.Column="1" Source="{Binding SourceImage}" HorizontalAlignment="Center" VerticalAlignment="Center"></Image></Border>

1.平移

1.1 定义私有变量记录相关初始位置

        /// <summary>/// 图片的起始偏移位置/// </summary>private Point origin;  /// <summary>/// 鼠标相对Border的起始位置/// </summary>private Point start; 

1.2 绑定 鼠标左键按下鼠标左键抬起鼠标移动事件

        public DialogImageWindow(){InitializeComponent();image.MouseLeftButtonDown += image_MouseLeftButtonDown;image.MouseLeftButtonUp += image_MouseLeftButtonUp;image.MouseMove += image_MouseMove;}

1.3 鼠标左键按下

  1. 通过CaptureMouse将鼠标捕获到指定的元素image
  2. 通过GetPosition获取鼠标相对border位置
  3. 记录image当前偏移位置
        private void image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e){if (image.IsMouseCaptured) return;image.CaptureMouse();start = e.GetPosition(border);origin.X = image.RenderTransform.Value.OffsetX;origin.Y = image.RenderTransform.Value.OffsetY;}

1.4 鼠标移动

  1. 通过GetPosition获取当前鼠标相对border位置
  2. 计算鼠标相对初始位置移动的像素差值
  3. 将像素差值累计到初始偏移量上
 private void image_MouseMove(object sender, MouseEventArgs e){if (!image.IsMouseCaptured) return;Point p = e.MouseDevice.GetPosition(border);Matrix m = image.RenderTransform.Value;m.OffsetX = origin.X + (p.X - start.X);m.OffsetY = origin.Y + (p.Y - start.Y);image.RenderTransform = new MatrixTransform(m);}

1.5 鼠标左键抬起

  1. 通过ReleaseMouseCapture释放鼠标捕获
private void image_MouseLeftButtonUp(object sender, MouseButtonEventArgs e){if (image.IsMouseCaptured){image.ReleaseMouseCapture();}}

2. 缩放

2.1 绑定 鼠标滚轮事件

        public DialogImageWindow(){InitializeComponent();MouseWheel += MainWindow_MouseWheel;}

2.1

  1. 通过GetPosition获取鼠标相对image的位置,该位置作为缩放中心点
  2. 根据Delta参数来决定是在当前放大系数上放大(1.1倍)还是缩小(1.1倍).
 private void MainWindow_MouseWheel(object sender, MouseWheelEventArgs e){Point p = e.MouseDevice.GetPosition(image);Matrix m = image.RenderTransform.Value;if (e.Delta > 0)m.ScaleAtPrepend(1.1, 1.1, p.X, p.Y);elsem.ScaleAtPrepend(1 / 1.1, 1 / 1.1, p.X, p.Y);image.RenderTransform = new MatrixTransform(m);}

3. 还原

private void b1_Click(object sender, RoutedEventArgs e){image.RenderTransform = new ScaleTransform(1.0,1.0);image.RenderTransform = new TranslateTransform(0,0);}

相关文章:

【WPF】对Image元素进行缩放平移等操作

元素布局 <Border Grid.Row"1" Name"border" ClipToBounds"True" Margin"10,10,10,10"><Image Name"image" Visibility"Visible" Margin"3,3,3,3" Grid.Column"1" Source"{Bin…...

JavaScript中Bom节点和表单的获取值

Bom节点 代表浏览器对象模型&#xff08;Browser Object Model&#xff09;&#xff0c;它是浏览器提供的 JavaScript API&#xff0c;用于与浏览器窗口和浏览器本身进行交互 获取当前网页的URL&#xff1a; const currentURL window.location.href; console.log(currentURL…...

RDB.js:适用于 Node.js 和 Typescript 的终极对象关系映射器

RDB.js 是适用于 Node.js 和 Typescript 的终极对象关系映射器&#xff0c;可与 Postgres、MS SQL、MySQL、Sybase SAP 和 SQLite 等流行数据库无缝集成。无论您是使用 TypeScript 还是 JavaScript&#xff08;包括 CommonJS 和 ECMAScript&#xff09;构建应用程序&#xff0c…...

ROI的投入产出比是什么?

ROI的投入产出比是什么&#xff1f; 投入产出比&#xff08;Return on Investment, ROI&#xff09;是一种评估投资效益的财务指标&#xff0c;用于衡量投资带来的回报与投入成本之间的关系。它的计算公式如下&#xff1a; 投资收益&#xff1a;指的是投资带来的净收入&#x…...

Linux打包发布常用命令

1、先下载一个FileZilla Client远程连接工具&#xff0c;并连接我们需要连接的服务器 2、进入xshell连接对应的服务器&#xff0c;连接后若不知道项目位置&#xff0c;可使用此命令查看 ps -ef | grep java 此时会出现一大串代码&#xff0c;找到以我这为例&#xff1a;root…...

Docker Swarm 节点维护

Docker Swarm Mode Docker Swarm 集群搭建 Docker Swarm 节点维护 Docker Service 创建 1.角色转换 Swarm 集群中节点的角色只有 manager 与 worker&#xff0c;所以其角色也只是在 manager 与worker 间的转换。即 worker 升级为 manager&#xff0c;或 manager 降级为 worke…...

AS/NZS 1859.3:2017 木基装饰板检测

木基装饰板是指以木质材料为基材&#xff0c;比如刨花板&#xff0c;胶合板等木质人造板&#xff0c;表面贴有PVC膜&#xff0c;三聚氰胺纸&#xff0c;木饰面等装饰层压制而成的木质复合材料&#xff0c;主要用于墙面装饰&#xff0c;家具等领域。 AS/NZS 1859.3&#xff1a;…...

深入理解算法:从基础到实践

深入理解算法&#xff1a;从基础到实践 1. 算法的定义2. 算法的特性3. 算法的分类按解决问题的性质分类&#xff1a;按算法的设计思路分类&#xff1a; 4. 算法分析5. 算法示例a. 搜索算法示例&#xff1a;二分搜索b. 排序算法示例&#xff1a;快速排序c. 动态规划示例&#xf…...

华为OD 机智的外卖员(100分)【java】A卷+B卷

华为OD统一考试A卷+B卷 新题库说明 你收到的链接上面会标注A卷还是B卷。目前大部分收到的都是B卷。 B卷对应20022部分考题以及新出的题目,A卷对应的是新出的题目。 我将持续更新最新题目 获取更多免费题目可前往夸克网盘下载,请点击以下链接进入: 我用夸克网盘分享了「华为O…...

Node编写用户登录接口

目录 前言 服务器 编写登录接口API 使用sql语句查询数据库中是否有该用户 判断密码是否正确 生成JWT的Token字符串 配置解析token的中间件 配置捕获错误中间件 完整的登录接口代码 前言 本文介绍如何使用node编写登录接口以及解密生成token&#xff0c;如何编写注册接…...

vlookup函数踩坑(wps)

使用wps的朋友看过来 vlookup函数踩坑&#xff0c;vlookup&#xff08;查找值&#xff0c;查找范围&#xff0c;返回值的索引&#xff0c;精确查找or模糊查找&#xff09; 我们要查找的数据的那一列&#xff0c;必须是查找范围的第一列&#xff01; 案例&#xff0c;看下面的…...

老卫带你学---leetcode刷题(8. 字符串转换整数 (atoi))

8. 字符串转换整数 (atoi) 问题&#xff1a; 请你来实现一个 myAtoi(string s) 函数&#xff0c;使其能将字符串转换成一个 32 位有符号整数&#xff08;类似 C/C 中的 atoi 函数&#xff09;。 函数 myAtoi(string s) 的算法如下&#xff1a; 读入字符串并丢弃无用的前导空…...

了解事件冒泡

事件冒泡是指在网页中&#xff0c;当某个元素触发了一个事件时&#xff0c;这个事件会逐级向上传播到它的父元素&#xff0c;直至达到文档树的根节点。这种传播方式被称为事件冒泡。 为什么会有事件冒泡&#xff1f; 事件冒泡是为了方便处理多个嵌套元素的事件而引入的机制。…...

线性代数1:线性方程和系统

Digital Collection (staedelmuseum.de) 图片来自施泰德博物馆 一、前言 通过这些文章&#xff0c;我希望巩固我对这些基本概念的理解&#xff0c;同时如果可能的话&#xff0c;通过我希望成为一种基于直觉的数学学习方法为其他人提供额外的清晰度。如果有任何错误或机会需要我…...

“第四十八天” 计算机组成原理

数据结构学完了&#xff0c;不过也就是匆匆过了一遍&#xff0c;后面肯定还是要重来的。现在开始学机组了。 计算机发展历程&#xff1a; 计算机硬件唯一能识别的数据是二进制的 0/1&#xff0c;而在计算机中用低/高电平表示 0 / 1&#xff0c;也就是通过电信号传递数据&#x…...

【算法|贪心算法系列No.4】leetcode55. 跳跃游戏 45. 跳跃游戏 II

个人主页&#xff1a;兜里有颗棉花糖 欢迎 点赞&#x1f44d; 收藏✨ 留言✉ 加关注&#x1f493;本文由 兜里有颗棉花糖 原创 收录于专栏【手撕算法系列专栏】【LeetCode】 &#x1f354;本专栏旨在提高自己算法能力的同时&#xff0c;记录一下自己的学习过程&#xff0c;希望…...

第九章 JDBC

文章目录 一. 单选题&#xff08;共5题&#xff0c;50分&#xff09;二. 判断题&#xff08;共5题&#xff0c;50分&#xff09; 一. 单选题&#xff08;共5题&#xff0c;50分&#xff09; (单选题) 下列选项&#xff0c;可用于存储结果集的对象是&#xff08;&#xff09; A.…...

Kubernetes基础概念及架构和组件

目录 一、kubernetes简介 1、kubernetes的介绍与作用 2、为什么要用K8S&#xff1f; 二、kubernetes特性 1、自我修复 2、弹性伸缩 3、服务发现和负载均衡 4、自动发布&#xff08;滚动发布/更新&#xff09;和回滚 5、集中化配置管理和密钥管理 6、存储编排 7、任务批…...

04.Finetune vs. Prompt

目录 语言模型回顾大模型的两种路线专才通才二者的比较 专才养成记通才养成记Instruction LearningIn-context Learning 自动Prompt 部分截图来自原课程视频《2023李宏毅最新生成式AI教程》&#xff0c;B站自行搜索 语言模型回顾 GPT&#xff1a;文字接龙 How are __. Bert&a…...

UG NX二次开发(C#)-采用NXOpen完成对象的合并操作

文章目录 1、前言2、Ufun实现布尔和操作的函数2.1 函数说明2.2 源代码3、采用NXOpen实现布尔和操作的函数3.1 函数说明3.2 源代码4、测试结果4.1 采用UFun 与NXOpen的结果4.2采用UFun 与NXOpen的对比说明1、前言 在UG NX中开发过程中,创建特征对象的时候往往会用到布尔操作,…...

智能对象替换引擎:重新定义Adobe Illustrator设计自动化的范式转换

智能对象替换引擎&#xff1a;重新定义Adobe Illustrator设计自动化的范式转换 【免费下载链接】illustrator-scripts Adobe Illustrator scripts 项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts 在当今设计工作流中&#xff0c;设计师平均37%的工作…...

基于Qt的LongCat-Image-Editn V2桌面应用开发

基于Qt的LongCat-Image-Editn V2桌面应用开发 1. 引言 在日常工作中&#xff0c;我们经常需要对图片进行各种编辑操作&#xff0c;比如修改文字、调整风格、替换背景等。传统的图片编辑工具往往操作复杂&#xff0c;需要专业的设计技能&#xff0c;而且处理中文文字时效果总是…...

为什么选择chrony而不是ntpd?Rocky Linux时间同步服务深度对比

为什么选择chrony而不是ntpd&#xff1f;Rocky Linux时间同步服务深度对比 在现代IT基础设施中&#xff0c;精确的时间同步是确保系统可靠性和安全性的基石。从分布式数据库的事务一致性到安全证书的有效期验证&#xff0c;毫秒级的时间偏差都可能导致严重的业务中断。Rocky L…...

ARM版银河麒麟V10上,用Docker跑MySQL 5.7的保姆级避坑指南(附镜像包)

ARM版银河麒麟V10上Docker运行MySQL 5.7全流程实战与深度优化 在国产化技术浪潮中&#xff0c;ARM架构处理器与银河麒麟操作系统的组合正成为关键基础设施的新选择。不同于x86生态的成熟方案&#xff0c;这一环境下的数据库部署往往需要面对依赖库缺失、架构兼容性等独特挑战。…...

AK-Design 低代码革命:拖拽式可视化开发平台全解析

1. AK-Design低代码平台&#xff1a;开发者的效率革命 第一次接触AK-Design时&#xff0c;我正被一个紧急项目压得喘不过气。客户要求在两周内完成一个包含表单、数据看板和审批流程的完整系统。按照传统开发方式&#xff0c;光是前端页面开发就需要一个月。抱着试试看的心态&…...

fSpy终极指南:5分钟学会免费开源3D相机匹配神器

fSpy终极指南&#xff1a;5分钟学会免费开源3D相机匹配神器 【免费下载链接】fSpy A cross platform app for quick and easy still image camera matching 项目地址: https://gitcode.com/gh_mirrors/fs/fSpy 在3D建模、建筑可视化和影视特效领域&#xff0c;如何将2D照…...

等了47年,苹果这台史上最强电脑,真的要逆天了!

嘿&#xff0c;距离 2026 年 6 月的 WWDC 开发者大会只剩不到两个月了&#xff0c;你准备好了吗&#xff1f;我桌上这台 M2 Pro Mac mini 已经勤勤恳恳服役了三年。但根据最新的风声&#xff0c;苹果即将在 6 月发布搭载 M5 Max 和 M5 Ultra 芯片的 Mac Studio。随着 Mac Pro 逐…...

LS2K0300 龙芯智能车开发:基于WSL的交叉编译环境一站式配置指南

1. 为什么选择WSL搭建龙芯开发环境 最近在折腾LS2K0300龙芯智能车项目时&#xff0c;发现很多小伙伴都在问同一个问题&#xff1a;为什么非要用WSL&#xff1f;直接在Windows上装个虚拟机不行吗&#xff1f;作为一个踩过无数坑的老司机&#xff0c;我必须说WSL真的是Windows下…...

CC工具箱实战:SHP转TXT通用版,从数据到自定义描述的完整流程

1. 为什么需要SHP转TXT工具&#xff1f; 在日常的GIS数据处理工作中&#xff0c;我们经常会遇到需要将SHP格式的地块数据转换为特定格式的TXT文件的需求。比如在土地调查项目中&#xff0c;上级部门可能要求提交包含地块坐标和属性的文本文件&#xff1b;在数据上报时&#xff…...

Kettle8.2转换组件实战:利用增加序列实现Excel数据自动编号

1. 为什么需要给Excel数据自动编号&#xff1f; 每次处理Excel数据时&#xff0c;最头疼的就是要给每行数据加个序号。手动添加不仅效率低&#xff0c;还容易出错。上周我帮市场部处理3000多条客户数据&#xff0c;就因为手工编号搞错顺序&#xff0c;差点引发数据混乱。这时候…...