《java 桌面软件开发》swing 以鼠标为中心放大缩小移动图片

swing 使用Graphic2D 绘制图片，要实现对图片进行缩放和自由拖动。


1.以鼠标所在的位置为中心，滚轮控制缩放

2.缩放后再支持鼠标拖动。



基本原理：
利用scale() 函数。进行缩放。但是要注意的地方是，如果是在 public void paintComponent(Graphics g) 里面通过这个Graphics g 参数获取graphic对象进行绘制，scale不会影响下一次的绘制。
一：所以，我们可以自行创建一个 “绘图区”， 创建一个空的ImageBuffer, 然后获取这个ImageBuffer的 Graphics,  后续全部往这个ImageBuffer的 Graphics 绘制.
二：  最后在frame的paintComponent把我们这个 绘图区原样展示出来即可。 即，frame的paintComponent只是固定将 绘图区作为一个图片绘制。
三：甚至可以创建多个ImageBuffer ，实现类似于ps多图层的样子，各个图层独立，paitComponent 汇总显示图层。
自己创建的ImageBuffer的 Graphics ，每次scale都是以上一次作为基础，累计的缩放。

利用transrate进行移动，（移动的是坐标系）。 每次transrate都是以上一次作为基础，累计的平移。

来实现我们的关键代码：
作为demo, 代码尽量是一个 main（）到底：
swingDemo.java


import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.RenderingHints;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseWheelEvent;
import java.awt.event.MouseWheelListener;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;import javax.imageio.ImageIO;
import javax.swing.JFileChooser;
import javax.swing.JFrame;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JPanel;public class swingDemo {public static void main(String args[]) {new swingDemo();}public static Color BG_COLOR = new Color(128, 128, 128);public swingDemo() {JFrame mjf = new JFrame("图片查看");ImagePanle mImgeView = new ImagePanle();mImgeView.setPreferredSize(new Dimension(500, 500));mImgeView.setMinimumSize(new Dimension(500, 500));mImgeView.setBackground(BG_COLOR);JMenuBar jmb = new JMenuBar();JMenu meSetting = new JMenu("文件");JMenuItem mOpen = new JMenuItem("打开");mOpen.addActionListener(new ActionListener() {@Overridepublic void actionPerformed(ActionEvent e) {// TODO Auto-generated method stubBufferedImage curBufferedImg;JFileChooser fileChooser = new JFileChooser();fileChooser.setMultiSelectionEnabled(true);fileChooser.setFileSelectionMode(JFileChooser.FILES_ONLY);fileChooser.setMultiSelectionEnabled(false);int option = fileChooser.showOpenDialog(mjf);if (option == JFileChooser.APPROVE_OPTION) {try {File file = fileChooser.getSelectedFile();curBufferedImg = ImageIO.read(new File(file.getAbsolutePath()));mImgeView.updateImage(curBufferedImg);} catch (IOException e1) {// TODO Auto-generated catch blocke1.printStackTrace();}}}});meSetting.add(mOpen);jmb.add(meSetting);mjf.setJMenuBar(jmb);mjf.add(mImgeView);mjf.setMinimumSize(new Dimension(800, 600));mjf.setVisible(true);mjf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);}class ImagePanle extends JPanel {BufferedImage mSrcBuffeImg = null;private static final long serialVersionUID = 1L;private double mScale = 1.0;private static final boolean B_REAL_SIZE = true;private double mCurX = 0;private double mCurY = 0;private double mStartX = 0;private double mStartY = 0;private double mTranslateX = 0;private double mTranslateY = 0;//		记录最初原始坐标系，用于清除背景AffineTransform mOriginTransform;BufferedImage mViewBufferImg;Graphics2D mViewG2d;void refreshView() {clear_buffer(mViewG2d, mOriginTransform, mViewBufferImg);mViewG2d.drawImage(mSrcBuffeImg, 0, 0, null);repaint();}void clear_buffer(Graphics2D g2d, AffineTransform org, BufferedImage bufImg) {
//			将保存的测量数据，重新在经过变换后的坐标系上进行绘制// 先恢复一下原始状态，保证清空的坐标是全部，执行清空，然后再切会来AffineTransform temp = g2d.getTransform();g2d.setTransform(org);g2d.clearRect(0, 0, bufImg.getWidth(), bufImg.getHeight());g2d.setTransform(temp);}public void updateImage(BufferedImage srcImage) {mSrcBuffeImg = srcImage;mViewBufferImg = new BufferedImage(this.getWidth(), this.getHeight(), BufferedImage.TYPE_INT_ARGB);System.out.println("create buff image");mViewG2d = mViewBufferImg.createGraphics();mViewG2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);mViewG2d.setBackground(BG_COLOR);System.out.println("crate bufg2d");mOriginTransform = mViewG2d.getTransform();refreshView();}private Point internal_getImagePoint(double mouseX, double mouseY) {// 不管是先平移后缩放还是先缩放后平移，都以 先减 再缩放的方式可以获取正确double rawTranslateX = mViewG2d.getTransform().getTranslateX();double rawTranslateY = mViewG2d.getTransform().getTranslateY();// 获取当前的 Scale Transformdouble scaleX = mViewG2d.getTransform().getScaleX();double scaleY = mViewG2d.getTransform().getScaleY();//        		不管是先平移后缩放还是先缩放后平移，都以 先减 再缩放的方式可以获取正确int imageX = (int) ((mouseX - rawTranslateX) / scaleX);int imageY = (int) ((mouseY - rawTranslateY) / scaleY);return new Point(imageX, imageY);}public ImagePanle() {//			启用双缓存setDoubleBuffered(true);this.addMouseWheelListener((MouseWheelListener) new MouseWheelListener() {@Overridepublic void mouseWheelMoved(MouseWheelEvent e) {if (mViewG2d == null) {return;}mCurX = e.getX();mCurY = e.getY();int notches = e.getWheelRotation();if (notches < 0) {// 滚轮向上，放大画布mScale = 1.1;} else {// 滚轮向下，缩小画布mScale = 0.9;}Point imagePoint = internal_getImagePoint(e.getX(), e.getY());int imageX = imagePoint.x;int imageY = imagePoint.y;System.out.println("x:" + e.getX() + "y:" + e.getY() + ",imagex:" + imageX + "x" + imageY);double tralateX = mScale * imageX - imageX;double tralateY = mScale * imageY - imageY;mViewG2d.scale(mScale, mScale);mViewG2d.translate(-tralateX / mScale, -tralateY / mScale); // 图片方大，就需要把坐标往左移动，移动的尺度是要考虑缩放的// 先恢复一下原始状态，保证清空的坐标是全部，执行清空，然后再切会来AffineTransform temp = mViewG2d.getTransform();mViewG2d.setTransform(mOriginTransform);mViewG2d.clearRect(0, 0, mViewBufferImg.getWidth(), mViewBufferImg.getHeight());mViewG2d.setTransform(temp);mViewG2d.drawImage(mSrcBuffeImg, 0, 0, null);repaint(); // 重新绘制画布}});this.addMouseListener(new MouseListener() {@Overridepublic void mouseReleased(MouseEvent e) {// TODO Auto-generated method stubSystem.out.println("mouseReleased:" + e.getX() + "x" + e.getY());}@Overridepublic void mousePressed(MouseEvent e) {// TODO Auto-generated method stubSystem.out.println("mousePressed----:" + e.getX() + "x" + e.getY());mStartX = e.getX();mStartY = e.getY();}@Overridepublic void mouseExited(MouseEvent e) {// TODO Auto-generated method stub}@Overridepublic void mouseEntered(MouseEvent e) {// TODO Auto-generated method stub}@Overridepublic void mouseClicked(MouseEvent e) {// TODO Auto-generated method stubSystem.out.println("mouseClicked----:" + e.getX() + "x" + e.getY());}});this.addMouseMotionListener(new MouseAdapter() {@Overridepublic void mouseMoved(MouseEvent e) {// TODO Auto-generated method stub}@Overridepublic void mouseDragged(MouseEvent e) {// TODO Auto-generated method stubif (mViewG2d == null) {return;}mCurX = e.getX();mCurY = e.getY();System.out.println("mouseDragged:" + e.getX() + "x" + e.getY() + "trans:" + (mCurX - mStartX) + ":"+ (mCurY - mStartY));// 平移坐标，也是相对于变换后的坐标系而言的，所以double scaleX = mViewG2d.getTransform().getScaleX();double scaleY = mViewG2d.getTransform().getScaleY();// TODO mCurX - mStartX 太小，比如为2， 而scalX 比较大，比如为3 则移动的时候回发生 (int)2/3 ==0; 不移动。// 解决方案，把移动 ，全部在原始坐标系上做，也就是最后绘制缓冲区的时候，drawimage(transX,transY)mTranslateX = (mCurX - mStartX) / scaleX;mTranslateY = (mCurY - mStartY) / scaleY;// 自身就是累计的mViewG2d.translate(mTranslateX, mTranslateY);mStartX = mCurX;mStartY = mCurY;System.out.println("mouseDragged: over+++");// 先恢复一下原始状态，保证清空的坐标是全部，执行清空，然后再切会来AffineTransform temp = mViewG2d.getTransform();mViewG2d.setTransform(mOriginTransform);mViewG2d.clearRect(0, 0, mViewBufferImg.getWidth(), mViewBufferImg.getHeight());mViewG2d.setTransform(temp);mViewG2d.drawImage(mSrcBuffeImg, 0, 0, null);repaint();}});}public void reset_scale() {
//			恢复到1.0 缩放，0,0 左上角对齐mCurX = 0;mCurY = 0;mScale = 1.0;mViewG2d.setTransform(mOriginTransform);mViewG2d.clearRect(0, 0, mViewBufferImg.getWidth(), mViewBufferImg.getHeight());mViewG2d.drawImage(mSrcBuffeImg, 0, 0, null);repaint(); // 重新绘制画布}@Overridepublic void paintComponent(Graphics g) {super.paintComponent(g);if (mViewBufferImg == null) {return;}
//			如果有多个“图层”要注意图层的顺序Graphics2D g2d = ((Graphics2D) g);g2d.drawImage(mViewBufferImg, 0, 0, null);System.out.println("draw-----------:" + getWidth() + "x" + getHeight());}}}


 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/164674.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Flutter——最详细(CustomScrollView)使用教程

Flutter——最详细(CustomScrollView)使用教程

CustomScrollView简介 创建一个 [ScrollView]&#xff0c;该视图使用薄片创建自定义滚动效果。 [SliverList]&#xff0c;这是一个显示线性子项列表的银子列表。 [SliverFixedExtentList]&#xff0c;这是一种更高效的薄片&#xff0c;它显示沿滚动轴具有相同范围的子级的线性列…
阅读更多...
【持续更新】tutorial-Linux-Markdown-etc（Linux、命令、Markdown、md、Tex、LaTex）

【持续更新】tutorial-Linux-Markdown-etc（Linux、命令、Markdown、md、Tex、LaTex）

1. Linux命令 1.1 常用 查看文件夹下文件数量: ls -l | wc -l7zip: 解压&#xff1a;7z x compressed_file.7z -o/path/to/destination # 注意-o和目标路径是连起来的&#xff0c;没有空格压缩&#xff1a;7z a compressed_file.zip destination_path conda 查看 conda 拥有的…
阅读更多...
Cornerstone for Mac：高效SVN管理的黄金标准

Cornerstone for Mac：高效SVN管理的黄金标准

在当今的软件开发领域&#xff0c;版本控制系统是不可或缺的一部分。其中&#xff0c;Subversion&#xff08;SVN&#xff09;是一个广泛使用的版本控制系统&#xff0c;有助于团队协同工作&#xff0c;实现代码的版本管理和追踪。对于Mac用户来说&#xff0c;Cornerstone是一款…
阅读更多...
服务器数据恢复-linux+raid+VMwave ESX数据恢复案例

服务器数据恢复-linux+raid+VMwave ESX数据恢复案例

服务器数据恢复环境&#xff1a; 一台某品牌x3950 X6型号服务器&#xff0c;linux操作系统&#xff0c;12块硬盘组建了一组raid阵列&#xff0c;上层运行VMwave ESX虚拟化平台。 服务器故障&#xff1a; 在服务器运行过程中&#xff0c;该raid阵列中有硬盘掉线&#xff0c;linu…
阅读更多...
【cmake】cmake生成Visual Studio工程后的INSTALL项目使用

【cmake】cmake生成Visual Studio工程后的INSTALL项目使用

很多开源项目使用CMake生成Visual Studio工程后会有INSTALL项目。 这个INSTALL项目是为安装编译产物&#xff0c;作用类似于make install。其使用与其他工程并不相同。 想安装编译产物&#xff0c;需右键INSTALL工程&#xff0c;在弹出的菜单中&#xff0c;选择“仅用于项目”…
阅读更多...
一百九十、Hive——Hive刷新分区MSCK REPAIR TABLE

一百九十、Hive——Hive刷新分区MSCK REPAIR TABLE

一、目的 在用Flume采集Kafka中的数据直接写入Hive的ODS层静态分区表后&#xff0c;需要刷新表&#xff0c;才能导入分区和数据。原因很简单&#xff0c;就是Hive表缺乏分区的元数据 二、实施步骤 &#xff08;一&#xff09;问题——在Flume采集Kafka中的数据写入HDFS后&am…
阅读更多...
记一次EDU证书站

记一次EDU证书站

如果文章对你有帮助&#xff0c;欢迎关注、点赞、收藏一键三连支持以下哦&#xff01; 想要一起交流学习的小伙伴可以加zkaq222&#xff08;备注CSDN&#xff0c;不备注通不过哦&#xff09;进入学习&#xff0c;共同学习进步 目录 目录 1.前言&#xff1a; 2.信息搜集 3.漏…
阅读更多...
Python 文件打包成可执行文件

Python 文件打包成可执行文件

打包 要将Python脚本打包成可执行文件&#xff0c;常见的做法是使用PyInstaller或cx_Freeze工具。下面是使用PyInstaller的基本步骤&#xff1a; 使用conda安装pyinstaller &#xff08;建议&#xff09; conda install -c conda-forge pyinstaller上面的命令从conda-forge通…
阅读更多...
二维码智慧门牌管理系统：革新小区安全管理的新力量

二维码智慧门牌管理系统：革新小区安全管理的新力量

文章目录 前言一、外采人员的数据采集二、二维码智慧门牌管理系统的创新性三、居民的便捷体验四、面临的挑战 前言 在科技快速发展的今天&#xff0c;智能化和数字化已经深刻影响着我们的生活的各个方面。近期备受关注的话题之一是二维码智慧门牌管理系统&#xff0c;这一系统…
阅读更多...
1 tcp协议20问

1 tcp协议20问

1什么是TCP网络分层 1.1分层描述 网络访问层&#xff1a; 2 TCP的三次握⼿中为什么是三次&#xff1f;为什么不是两次、四次&#xff1f; 两次握手的话&#xff0c;服务端会单方面认为建立已经成功&#xff0c;但是对于客户端而言&#xff0c;可能只是开个玩笑的&#xff0c…
阅读更多...
[人工智能-综述-12]：第九届全球软件大会（南京）有感 -1-程序员通过大模型增强自身软件研发效率的同时，也在砸自己的饭碗

[人工智能-综述-12]：第九届全球软件大会（南京）有感 -1-程序员通过大模型增强自身软件研发效率的同时，也在砸自己的饭碗

目录 前言&#xff1a; 一、什么是软件工程 1.1 什么软件工程 1.2 影响软件开发效能的三大因素 1.3 AI大模型是如何提升软件工程全过程效率的 二、AI大模型如何提升软件项目管理效率 2.1 概述 2.2 案例或工具 三、AI大模型如何提升软件开发工具的效率 3.1 概述 3.2 …
阅读更多...
蓝桥每日一题(day 3: 蓝桥587.约数个数)--数学--easy

蓝桥每日一题(day 3: 蓝桥587.约数个数)--数学--easy

题目 解题核心&#xff1a; 分解质因数&#xff0c;每个质因数的次方1的累乘积就是anscode #include <iostream> #include<algorithm> #include<unordered_map> //# #include<> typedef long long LL; const int N 110, MOD 1e9 7;using namespac…
阅读更多...
小程序原生代码转uniapp

小程序原生代码转uniapp

写了一份小程序原生代码&#xff0c;想转为uniapp 再转为其他平台发布 1、在命令行里&#xff0c;运行【 npm install miniprogram-to-uniapp -g 】进行安装&#xff0c;因为这个包是工具&#xff0c;要求全局都能使用&#x…
阅读更多...
《动手学深度学习 Pytorch版》 9.2 长短期记忆网络（LSTM）

《动手学深度学习 Pytorch版》 9.2 长短期记忆网络（LSTM）

解决隐变量模型长期信息保存和短期输入缺失问题的最早方法之一是长短期存储器&#xff08;long short-term memory&#xff0c;LSTM&#xff09;。它与门控循环单元有许多一样的属性。长短期记忆网络的设计比门控循环单元稍微复杂一些&#xff0c;却比门控循环单元早诞生了近 2…
阅读更多...
【Linux】进程概念与进程状态

【Linux】进程概念与进程状态

文章目录 一、进程概念1.进程的概念2.进程的描述-PCB 二、进程相关的基本操作1.组织进程2.查看进程3.结束进程4.通过系统调用获取进程标示符5.通过系统调用创建进程-fork初识 三、进程状态1.普遍操作系统层面的进程状态2.Linux操作系统的进程状态 四、两种特殊的进程状态1.僵尸…
阅读更多...
软考高级系统架构设计师系列之：数学与经济管理

软考高级系统架构设计师系列之：数学与经济管理

软考高级系统架构设计师系列之：数学与经济管理 一、数学与经济管理二、图论应用-最小生成树三、图论应用-最短路径四、图论应用-网络与最大流量五、运筹方法-线性规划六、运筹方法-动态规划七、运筹方法-转移矩阵八、运筹方法-排队论九、运筹方法-决策-不确定决策十、运筹方法…
阅读更多...
14-bean创建流程5-初始化和循环依赖

14-bean创建流程5-初始化和循环依赖

文章目录 1.初始化和循环依赖1.1 初始化步骤1.2 循环依赖问题的产生1.3 如何解决循环依赖问题1.4 解决循环依赖二级缓存即可完成，为什么需要三级缓存1.5循环依赖有时报错1.初始化和循环依赖 1.1 初始化步骤 填充属性执行Aware执行BeanPostProcessor的postProcessBeforeInitia…
阅读更多...
单点登录与网络犯罪生态系统

单点登录与网络犯罪生态系统

这不仅仅是你的感觉&#xff0c;网络犯罪正以惊人的速度增长。在Flare&#xff0c;我们发现2023年的数据勒索勒索软件攻击比2022年增加了112&#xff05;&#xff0c;并且网络犯罪生态系统的活动也在不断增加。 导语&#xff1a;网络犯罪的惊人增长 网络犯罪在当今社会中变得越…
阅读更多...
chatgpt图片识别、生成图片、语音对话多模态深度试玩

chatgpt图片识别、生成图片、语音对话多模态深度试玩

大模型替代人的工作的能力&#xff0c;越来越明显了。最近chatgpt支持多模态了&#xff0c;看这大佬们玩的不易乐乎&#xff0c;手痒也想试一试&#xff0c;因此有给openai上供了20刀。 另外我是gpt的拥护者&#xff0c;但是周围的同事有对此担忧&#xff0c;因为他们长期积累的…
阅读更多...
python学习7

python学习7

前言&#xff1a;相信看到这篇文章的小伙伴都或多或少有一些编程基础&#xff0c;懂得一些linux的基本命令了吧&#xff0c;本篇文章将带领大家服务器如何部署一个使用django框架开发的一个网站进行云服务器端的部署。 文章使用到的的工具 Python&#xff1a;一种编程语言&…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023