java 窗体程序如何实现拖拽缩放图片

sknice 2012-02-01 03:56:52

要求：
1、选中图片后，通过鼠标拖拽改变图片的位置；
2、拖拽图片边框可以改变大小。

实现方法不限，Swing和SWT 都行。
开发工具不限，eclipse 和 netbeans 都行。

注意：是桌面程序，不是网页。



...全文
636 19 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
sknice 2012-02-03
  • 打赏
  • 举报
 回复
[Quote=引用 18 楼 ssyliusha 的回复:]

要让图片移动
只有一直刷新界面。
这个跟做游戏是一个道理。。

闪屏是因为双缓存原因，但是我记得我的图片对象就是双缓存的。。 或者你把 这些东西绘制在JPanel上面。。然后把JPanel放在JFrame上面 试一试。。JPanel自带双缓存的。。
[/Quote]
JPanel 也不行，还是闪屏，我感觉闪屏是不停的刷背景造成的，你以前做的时候会闪屏吗，
有没有办法，把图片放在一个控件里面显示，然后拖动的时候改变控件的位置和大小。
ssyliusha 2012-02-02
  • 打赏
  • 举报
 回复
恩。。分分分。。 不知道这个分是干嘛的 好像很用的样子。。
ssyliusha 2012-02-02
  • 打赏
  • 举报
 回复
要让图片移动
只有一直刷新界面。
这个跟做游戏是一个道理。。

闪屏是因为双缓存原因，但是我记得我的图片对象就是双缓存的。。 或者你把 这些东西绘制在JPanel上面。。然后把JPanel放在JFrame上面 试一试。。JPanel自带双缓存的。。
sknice 2012-02-02
  • 打赏
  • 举报
 回复
[Quote=引用 16 楼 ssyliusha 的回复:]

恩。。分分分。。 不知道这个分是干嘛的 好像很用的样子。。
[/Quote]
图片在拖动的过程中会闪屏，因为要刷窗体的背景然后在绘制图片，怎么才能解决这个问题呢
sknice 2012-02-01
  • 打赏
  • 举报
 回复
好吧，
ssyliusha 2012-02-01
  • 打赏
  • 举报
 回复
这些小问题就自己解决了撒，你不可能一点都不会吧
sknice 2012-02-01
  • 打赏
  • 举报
 回复
代码测试过了，非常好，谢谢，
只是有两个小问题：
1、图片在拖动的过程中会闪屏。
2、鼠标移到边框的时候没有改变形状，改变大小的过程中鼠标的形状显示也不正确。
sknice 2012-02-01
  • 打赏
  • 举报
 回复
使用的Swing做的吗，怎么引用里面 awt 和swing 都有


import java.awt.Color;

import java.awt.Cursor;

import java.awt.Dimension;

import java.awt.Graphics;

import java.awt.Point;

import java.awt.Rectangle;

import java.awt.event.MouseEvent;

import java.awt.event.MouseListener;

import java.awt.event.MouseMotionListener;

import java.awt.image.BufferedImage;

import javax.swing.JFrame;

ssyliusha 2012-02-01
  • 打赏
  • 举报
 回复
2个类
不知道怎么上传图片，也不知道怎么上传项目压缩包。。自己去网上随便找一张256*256大小的bmp类型的图片吧 改名为img.bmp就可以了。。。
图片位置 项目根目录创建一个images的文件夹 图片放里面！！




import java.awt.Graphics;

import java.awt.image.BufferedImage;

import java.io.File;

import java.io.IOException;

import javax.imageio.ImageIO;

/**

 * 读取图片

 * @author Administrator

 *

 */

public class MyBufferedImage {

	

	private BufferedImage image = new BufferedImage(256, 256, BufferedImage.TYPE_3BYTE_BGR);

	

	public MyBufferedImage(){

		File file = new File("images/img.bmp");

		if(!file.exists())

			return;

		try {

			BufferedImage imageRead = ImageIO.read(file);

			Graphics g = image.getGraphics();

			g.drawImage(imageRead, 0, 0, imageRead.getWidth(),imageRead.getHeight(), null);

		} catch (IOException e) {

			e.printStackTrace();

		}

	}

	

	public BufferedImage getImage(){

		return this.image;

	}

}









import java.awt.Color;

import java.awt.Cursor;

import java.awt.Dimension;

import java.awt.Graphics;

import java.awt.Point;

import java.awt.Rectangle;

import java.awt.event.MouseEvent;

import java.awt.event.MouseListener;

import java.awt.event.MouseMotionListener;

import java.awt.image.BufferedImage;



import javax.swing.JFrame;



public class MainFrame extends JFrame implements MouseListener,MouseMotionListener{

	

	public static void main(String[] args) {

		new MainFrame();

	}

	

	private static final long serialVersionUID = 1L;

	

	private BufferedImage img;		//绘制图片

	

	private boolean isPressImage;		//是否操作图片

	

	private int moveSide;		//拉升的边(0:移动 1:上 2：下 3：左 4：右)

	

	private Point imagePoint;		//图片位置

	

	private int[] imageSize;		//图片大小

	

	private Point pressPoint;		//press图片时的鼠标位置



	public MainFrame(){

		setSize(new Dimension(600,400));

		setResizable(false);

		setLocationRelativeTo(null);

		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

		

		initData();

		

		setVisible(true);

		

		this.getContentPane().addMouseListener(this);

		this.getContentPane().addMouseMotionListener(this);

	}

	

	private void initData(){

		img = new MyBufferedImage().getImage();

		imagePoint = new Point(0, 0);			//记录图片位置

		imageSize = new int[]{img.getWidth(),img.getHeight()};		//记录图片大小

	}



	

	/**当前是否操作图片**/

	private boolean isContains(Point point){

		Rectangle rectangle = new Rectangle();

		rectangle.x = imagePoint.x;

		rectangle.y = imagePoint.y;

		rectangle.width = imageSize[0];

		rectangle.height = imageSize[1];

		return rectangle.contains(point);

	}

	

	/**得到是否是点击的4个边中的1个(0,1,2,3,4)**/

	private int getPressSide(Point point){

		int side = 0;

		Rectangle rectTop = new Rectangle(imagePoint.x+8,imagePoint.y,imageSize[0]-16,8);

		Rectangle rectBottom = new Rectangle(imagePoint.x+8,imagePoint.y+imageSize[1]-8,imageSize[0]-16,8);

		Rectangle rectLeft = new Rectangle(imagePoint.x,imagePoint.y+8,8,imageSize[1]-16);

		Rectangle rectRight = new Rectangle(imagePoint.x+imageSize[0]-8,imagePoint.y+8,8,imageSize[1]-16);



		if(rectTop.contains(point)){

			setCursor(2);

			return 1;		//上

		}else if(rectBottom.contains(point)){

			setCursor(2);

			return 2;		//下

		}else if(rectLeft.contains(point)){

			setCursor(4);

			return 3; 		//左

		}else if(rectRight.contains(point)){

			setCursor(4);

			return 4;		//右

		}

		return side;		//中间

	}

	@Override

	public void mouseClicked(MouseEvent e) {

		// TODO Auto-generated method stub

		

	}



	@Override

	public void mouseEntered(MouseEvent e) {

		// TODO Auto-generated method stub

		

	}



	@Override

	public void mouseExited(MouseEvent e) {

		// TODO Auto-generated method stub

		

	}

	

	

	@Override

	public void mousePressed(MouseEvent e) {

		/**把图片所占的矩阵用变量表示出来(便于判断是否操作图片)**/

		if(isContains(new Point(e.getPoint().x+4, e.getPoint().y+30))){

			

			moveSide = getPressSide(new Point(e.getPoint().x+4, e.getPoint().y+30));		//记录操作图片的边

			

			isPressImage = true;

			pressPoint = e.getPoint();

		}else{

			isPressImage = false;

		}

	}

	

	@Override

	public void mouseReleased(MouseEvent e) {

		// TODO Auto-generated method stub

		isPressImage = false;

		pressPoint = null;

		setCursor(0);

	}

	

	@Override

	public void mouseDragged(MouseEvent arg0) {

		// TODO Auto-generated method stub

		if(isPressImage){

			Point nowPoint = arg0.getPoint();		//当前鼠标拖拽到的鼠标位置

			int diffX = nowPoint.x - pressPoint.x;

			int diffY = nowPoint.y - pressPoint.y;

			/**移动**/

			if(moveSide == 0){	

				setCursor(1);

				this.imagePoint.x += diffX;

				this.imagePoint.y += diffY;

				pressPoint = nowPoint;

			}

			/**收缩**/

			else{

				//收缩 下和右时

				if(moveSide == 2 || moveSide == 4){

					if(moveSide == 2)			//拉下（只能拉长拉短）

						this.imageSize[1] += diffY;

					else						//拉右（只能拉宽拉窄）

						this.imageSize[0] += diffX;

					

				}

				//收缩 上和左时

				else if(moveSide == 1 || moveSide == 3){

					if(moveSide == 1){			//拉上边（只能拉长拉短）

						this.imagePoint.y += diffY;

						this.imageSize[1] -= diffY;

					}else{						//拉左边（只能拉宽拉窄）

						this.imagePoint.x += diffX;

						this.imageSize[0] -= diffX;

					}

					

				}

				pressPoint = nowPoint;

			}

			repaint();

		}

	}



	@Override

	public void mouseMoved(MouseEvent arg0) {

		// TODO Auto-generated method stub

		

	}

	

	public void paint(Graphics g){

		super.paint(g);

		g.drawImage(img, imagePoint.x, imagePoint.y, imageSize[0],imageSize[1], null);

	}

	

	public void update(Graphics g){

		paint(g);

	}

	

	public void repaint(Graphics g){

		paint(g);

	}

}


ssyliusha 2012-02-01
  • 打赏
  • 举报
 回复

了解。。思想是一样的。。
sknice 2012-02-01
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 ssyliusha 的回复:]

以前在学校做项目时写过。 那一块只是很小很小的一块 代码很多而且又找不到了。。我重新给你写个例子把~
[/Quote]

谢谢了，其实我的要求和你描述还不太一样，我希望是在边框任何位置都可以拖拽改变大小，就像eclipse 或 netbeans 开发环境中拖拽控件那样的效果。
ssyliusha 2012-02-01
  • 打赏
  • 举报
 回复
以前在学校做项目时写过。 那一块只是很小很小的一块 代码很多而且又找不到了。。我重新给你写个例子把~
sknice 2012-02-01
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 ssyliusha 的回复:]

有空了 给你做。。不急吧。。
[/Quote]

如果有以前做好的就贴出来，不用专门给我做了。
ssyliusha 2012-02-01
  • 打赏
  • 举报
 回复
有空了 给你做。。不急吧。。
sknice 2012-02-01
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 ssyliusha 的回复:]

移动:
当你在图片上按下鼠标的时候，记录当前鼠标坐标point clickPoint;,然后
移动鼠标的时候,通过鼠标移动事件，来得到当前鼠标位置 和 clickPoint
的x,y的差。 然后在鼠标移动事件里重绘界面。(可以用个boolean值来做标志判断当前是否该重绘)

在graphics放啊里面,drawImage(img,w,h,x+x差,y+y差,null);

改变大……
[/Quote]
大哥，做过这样的例子吗，或者哪里可以找到这样的例子吗
ssyliusha 2012-02-01
  • 打赏
  • 举报
 回复
移动:
当你在图片上按下鼠标的时候，记录当前鼠标坐标point clickPoint;,然后
移动鼠标的时候,通过鼠标移动事件，来得到当前鼠标位置 和 clickPoint
的x,y的差。 然后在鼠标移动事件里重绘界面。(可以用个boolean值来做标志判断当前是否该重绘)

在graphics放啊里面,drawImage(img,w,h,x+x差,y+y差,null);

改变大小:
首先 把窗体布局管理设置为null(这样就可以组件就根据自己来设置了)
声明4个button(大小自己定,样式也自己定) 放在图片的4个角(button的点击事件用于缩放图片，图片移动的时候也要同时移动button)
只需要 按下事件和拖拽事件:
按下记录当前坐标，拖拽时把当前坐标与按下时的坐标作比较，得到的x与y的差得值 来决定放大或者缩小图片。

移动图片就是改变图片的位置x,y
收缩图片就是改变图片的大小w,d
就这样。

sknice 2012-02-01
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 yingping_hui_520 的回复:]

停下！
[/Quote]
为什么？
yingping_hui_520 2012-02-01
  • 打赏
  • 举报
 回复
停下！
mp19901204 2012-02-01
  • 打赏
  • 举报
 回复
关注中。。。。。
java窗体 实现图片拖动 实例代码
本实例代码主要关注如何在Java窗体中实现图片的拖动功能。我们将探讨Java AWT和Swing库中的相关API，以及如何通过`DragPictureDemo.java`这个示例代码来实现这个功能。 首先，Java AWT（Abstract Window Toolkit）...
Java开发实战1200例(第1卷).(清华出版.李钟尉.陈丹丹).part3
实例021 重定向输出流实现程序日志 31 实例022 自动类型转换与强制类型转换 33 2.2 运算符 34 实例023 加密可以这样简单（位运算） 34 实例024 用三元运算符判断奇数和偶数 35 实例025 更精确地使用浮点数 35 实例...
Java SE

62,634

社区成员

307,269

社区内容

发帖
与我相关
我的任务
社区描述
Java 2 Standard Edition
社区管理员
  • Java SE
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章