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

[sknice]

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

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

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

[mp19901204]

关注中。。。。。

[yingping_hui_520]

停下！

[sknice]

[Quote=引用 2 楼 yingping_hui_520 的回复:]

停下！
[/Quote]
为什么？

[ssyliusha]

移动:
当你在图片上按下鼠标的时候，记录当前鼠标坐标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]

[Quote=引用 4 楼 ssyliusha 的回复:]

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

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

改变大……
[/Quote]
大哥，做过这样的例子吗，或者哪里可以找到这样的例子吗

[ssyliusha]

有空了 给你做。。不急吧。。

[sknice]

[Quote=引用 6 楼 ssyliusha 的回复:]

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

如果有以前做好的就贴出来，不用专门给我做了。

[ssyliusha]

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

[sknice]

[Quote=引用 8 楼 ssyliusha 的回复:]

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

谢谢了，其实我的要求和你描述还不太一样，我希望是在边框任何位置都可以拖拽改变大小，就像eclipse 或 netbeans 开发环境中拖拽控件那样的效果。

[ssyliusha]

了解。。思想是一样的。。

[ssyliusha]

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);
	}
}

[sknice]

使用的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;

[sknice]

代码测试过了，非常好，谢谢，
只是有两个小问题：
1、图片在拖动的过程中会闪屏。
2、鼠标移到边框的时候没有改变形状，改变大小的过程中鼠标的形状显示也不正确。

[ssyliusha]

这些小问题就自己解决了撒，你不可能一点都不会吧

[sknice]

好吧，

[sknice]

[Quote=引用 16 楼 ssyliusha 的回复:]

恩。。分分分。。 不知道这个分是干嘛的 好像很用的样子。。
[/Quote]
图片在拖动的过程中会闪屏，因为要刷窗体的背景然后在绘制图片，怎么才能解决这个问题呢

[ssyliusha]

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

闪屏是因为双缓存原因，但是我记得我的图片对象就是双缓存的。。 或者你把 这些东西绘制在JPanel上面。。然后把JPanel放在JFrame上面 试一试。。JPanel自带双缓存的。。

[ssyliusha]

恩。。分分分。。 不知道这个分是干嘛的 好像很用的样子。。

[sknice]

[Quote=引用 18 楼 ssyliusha 的回复:]

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

闪屏是因为双缓存原因，但是我记得我的图片对象就是双缓存的。。 或者你把 这些东西绘制在JPanel上面。。然后把JPanel放在JFrame上面 试一试。。JPanel自带双缓存的。。
[/Quote]
JPanel 也不行，还是闪屏，我感觉闪屏是不停的刷背景造成的，你以前做的时候会闪屏吗，
有没有办法，把图片放在一个控件里面显示，然后拖动的时候改变控件的位置和大小。