JScrollPane + Drag image

Version imprimable

Bonjour,

J'ai un JPanel où je dessine un bufferImage et ce JPanel jle met dans un JScrollPane.

Tout marche parfaitement OK

Je peux aussi glisser l'image à l'aide de la souris

Tout marche parfaitement OK

MAIS...comment je peux faire pour que le JScrollPane se mette à jour quand je glisse l'image DEHORS le JPanel ???? (pour que les barres apparaissent automatiquement?)

Mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
public class TestDragScroll extends JFrame 
{
 
	public static class Panel extends JPanel implements MouseListener, MouseMotionListener
	{
		String imageStr = "/home/image.jpg";
		File file = new File(imageStr);
		BufferedImage buffImage;
		int x = 0;
		int y = 0;
 
		public Panel() throws IOException
		{
			buffImage = ImageIO.read(file);
			setPreferredSize(new Dimension(buffImage.getWidth(),buffImage.getHeight()));
			addMouseListener(this);
			addMouseMotionListener(this);
		}
 
		@Override
		public void paint(Graphics g)
		{
			g.drawImage(buffImage, 0, 0, null);
		}
 
		@Override
		public void mousePressed(MouseEvent e) 
		{
			x = e.getX();
			y = e.getY();
		}
		@Override
		public void mouseReleased(MouseEvent e) {}
		@Override
		public void mouseDragged(MouseEvent e) 
		{
			if (contains(e.getX(), e.getY()))
            {
                setLocation(getX() + e.getX() - x, getY() + e.getY() - y);
                repaint();
            }
		}
 
 
		@Override
		public void mouseClicked(MouseEvent e){}
		@Override
		public void mouseMoved(MouseEvent e) {}
		@Override
		public void mouseEntered(MouseEvent e) {}
		@Override
		public void mouseExited(MouseEvent e) {}
	}
 
	Panel panel = new Panel();
	JScrollPane scrollPane = new JScrollPane();
	public TestDragScroll() throws IOException
	{
		setLayout(new BorderLayout());
		scrollPane.setViewportView(panel);
		add(scrollPane,BorderLayout.CENTER);
		setDefaultCloseOperation(EXIT_ON_CLOSE);
		setBounds(0, 0, 800, 600);
		setVisible(true);
	}
 
	public static void main(String[] args) throws IOException
	{
		TestDragScroll test = new TestDragScroll();
	}
 
}

Merci

26/03/2009, 16h49
dinobogan

Probablement en surchargeant "getSize" et en appelant "revalidate".

J'ai fait ca:

Dans la classe Panel:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
@Override
public void mouseDragged(MouseEvent e) 
		{
			if (e.getX()<buffImage.getWidth() && e.getY()<buffImage.getHeight())
            {
				int width = getX() + e.getX() - x;
				int height = getY() + e.getY() - y;
                setLocation(getX() + e.getX() - x, getY() + e.getY() - y);
                Dimension d = new Dimension(buffImage.getWidth()+getX(),buffImage.getHeight()+getY());
                setPreferredSize(d);
                parent.reload(d);
                repaint();
 
            }
		}

Dans la classe qui extends JFrame:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public void reload(Dimension d)
	{
		if(d.getWidth()>getWidth())
		{
			if(d.getHeight()>getHeight())
			{
				scrollPane.setSize(d);
				scrollPane.revalidate();
			}else
			{
				scrollPane.setSize((int)d.getWidth(),(int)scrollPane.getSize().getHeight());
				scrollPane.revalidate();
			}
		}else
			if(d.getHeight()>getHeight())
			{
				scrollPane.setSize((int)scrollPane.getSize().getWidth(),(int)d.getWidth());
				scrollPane.revalidate();
			}		
	}

Maintenant les barres aparaissent mais mal situées. En revanche, l'image elle retourne au point (0,0)

Je pense qu'il va falloir que je crée une classe extends JScrollPane et redéfinir paint()

26/03/2009, 20h47
Esooo

Je n'arrive pas :(

En fait quand je déplace l'image dehors le JPanel, ensuite si je change "à la main" la taille de la fenetre (avec la souris quoi..) alors les barres prennent les bonnes tailles mais l'image se dessine au point de départ. Du coup, j'ai mon image au point (0,0) avec les barres du JScrollPane positionnées comme si l'image était à la position ou je l'ai laissée avec la souris

Je m'explique?

Tu ne prends pas le problème dans le bon sens.
Le JPanel doit rester fixe dans le JScrollPane. C'est l'image qui doit bouger dans le JPanel.
Voici un exemple codé rapidement, et qui fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.image.BufferedImage;
import java.io.File;
import java.text.Format;
import java.text.SimpleDateFormat;
import java.util.Date;
 
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
 
 
public class Essai extends JPanel implements MouseMotionListener, MouseListener
{
	public static void main( String[] arg ) throws Exception
	{
		new Essai();
	}
 
	private BufferedImage image;
	private JScrollPane pane;
	private int xImg, yImg;
	private int xMouse, yMouse;
 
	public Essai() throws Exception
	{
		image = ImageIO.read( new File( "graph.png" ) );
		xImg = 0;
		yImg = 0;
		xMouse = 0;
		yMouse = 0;
 
		addMouseMotionListener( this );
		addMouseListener( this );
 
		JFrame frame = new JFrame();
		frame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
		pane = new JScrollPane( this );
		frame.getContentPane().add( pane );
		frame.setSize( 320, 200 );
		frame.setVisible( true );
	}
 
	@Override
	public void paintComponent( Graphics g )
	{
		g.drawImage( image, xImg, yImg, this );
		this.revalidate();
	}
 
	@Override
	public Dimension getPreferredSize()
	{
		int w = pane.getViewport().getWidth();
		int h = pane.getViewport().getHeight();
		if( xImg + image.getWidth() > w ) { w = xImg + image.getWidth(); }
		if( yImg + image.getHeight() > h ) { h = yImg + image.getHeight(); }
 
		return new Dimension( w, h );
	}
 
	@Override
	public void mouseDragged( MouseEvent event )
	{
		xImg += event.getX() - xMouse;
		yImg += event.getY() - yMouse;
		xMouse = event.getX();
		yMouse = event.getY();
		repaint();
	}
 
	@Override
	public void mousePressed( MouseEvent event )
	{
		xMouse = event.getX();
		yMouse = event.getY();
	}
 
	@Override
	public void mouseClicked( MouseEvent event ) {}
	@Override
	public void mouseMoved( MouseEvent arg0 ) {}
	@Override
	public void mouseEntered( MouseEvent arg0 ) {}
	@Override
	public void mouseExited( MouseEvent arg0 ) {}
	@Override
	public void mouseReleased( MouseEvent arg0 ) {}
}

31/03/2009, 13h10
Esooo

Merci

Merci beaucoup dinobogan

Neanmoins j'ai encore un petit problème:

Avec ton code, essaye d'ouvrir une image qui soit plus grand que la taille de la fenetre (tu as défini la fenetre assez petite donc je pense que ca va marcher pour n'importe quelle image)

Essaye de glisser l'image et regarde les barres: en fait, elles ne "bougent" pas, elles font que se redimmensionner.

Comment je peux regler ca?

Merci encore une fois
31/03/2009, 15h01
dinobogan

Comment ça elles ne bougent pas ?
Les scrollbar sont opérationnelles, que veux-tu de plus ?
31/03/2009, 15h35
Esooo

En fait, quand tu sors l'image de la fenetre disons à la moitié, les barres prennent la taille correspondante à la moitié de l'image, au lieu de rester de la même taille (puisque la taille de l'image na pas changée!) et se deplacer vers le bas (si tu as glissé l'image vers la partie superieur).
31/03/2009, 15h58
dinobogan

Citation:

Envoyé par Esooo

En fait, quand tu sors l'image de la fenetre disons à la moitié, les barres prennent la taille correspondante à la moitié de l'image, au lieu de rester de la même taille (puisque la taille de l'image na pas changée!) et se deplacer vers le bas (si tu as glissé l'image vers la partie superieur).

Désolé mais ce n'est toujours pas clair... :aie:
Je tente une explication de ce qui se passe, dit moi ou se situe ton problème :
Le JScrollPane contient le JPanel. Le JPanel contient l'image.
La taille de l'image reste fixe, mais la taille du JPanel évolue en fonction de la position de l'image.
Puisque la taille du JPanel évolue, les tailles des ascenceurs (horizontal et vertical) du JScrollPane changent en fonction de la taille du JPanel, et indirectement lorsque la position de l'image est modifiée dans le JPanel.

Le comportement est normal.
31/03/2009, 16h28
Esooo

On va finir par se comprendre lol

1) Execute le code et charge une image plus grande que ton ecran. Par exemple:

http://www.notre-planete.info/photos...globe_west.jpg

2) Maximise la fenetre

3) Glisse l'image vers le bas(cad bouge la souris vers le haut)

4) Maintenant essaye de monter avec les ascenseurs

Tu ne peux pas!!!!! :mouarf:

Ah ok ! Je pense t'avoir compris ! :yaisse2:
Tu veux dire que lorsque le coin haut-gauche de l'image est en dehors du JPanel, les scrollbar ne font pas leur boulot ?
Oui, c'est normal, enfin non, mais j'ai codé à l'arrache, c'est à toi d'adapter le code pour empêcher l'image de sortir en haut à gauche.
Voici le code modifier pour l'occasion (et si je n'ai toujours pas compris, alors j'abandonne... ) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.image.BufferedImage;
import java.io.File;
 
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
 
 
public class Essai extends JPanel implements MouseMotionListener, MouseListener
{
	public static void main( String[] arg ) throws Exception
	{
		new Essai();
	}
 
	private BufferedImage image;
	private JScrollPane pane;
	private int xImg, yImg;
	private int xMouse, yMouse;
 
	public Essai() throws Exception
	{
		image = ImageIO.read( new File( "graph.png" ) );
		xImg = 0;
		yImg = 0;
		xMouse = 0;
		yMouse = 0;
 
		addMouseMotionListener( this );
		addMouseListener( this );
 
		JFrame frame = new JFrame();
		frame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
		pane = new JScrollPane( this );
		frame.getContentPane().add( pane );
		frame.setSize( 320, 200 );
		frame.setVisible( true );
	}
 
	@Override
	public void paintComponent( Graphics g )
	{
		g.fillRect( 0, 0, getWidth(), getHeight() );
		g.drawImage( image, xImg, yImg, this );
		this.revalidate();
	}
 
	@Override
	public Dimension getPreferredSize()
	{
		int w = pane.getViewport().getWidth();
		int h = pane.getViewport().getHeight();
		if( xImg + image.getWidth() > w ) { w = xImg + image.getWidth(); }
		if( yImg + image.getHeight() > h ) { h = yImg + image.getHeight(); }
 
		return new Dimension( w, h );
	}
 
	@Override
	public void mouseDragged( MouseEvent event )
	{
		xImg += event.getX() - xMouse;
		if( xImg < 0 ) { xImg = 0; }
		yImg += event.getY() - yMouse;
		if( yImg < 0 ) { yImg = 0; }
		xMouse = event.getX();
		yMouse = event.getY();
		repaint();
	}
 
	@Override
	public void mousePressed( MouseEvent event )
	{
		xMouse = event.getX();
		yMouse = event.getY();
	}
 
	@Override
	public void mouseClicked( MouseEvent event ) {}
	@Override
	public void mouseMoved( MouseEvent arg0 ) {}
	@Override
	public void mouseEntered( MouseEvent arg0 ) {}
	@Override
	public void mouseExited( MouseEvent arg0 ) {}
	@Override
	public void mouseReleased( MouseEvent arg0 ) {}
}

31/03/2009, 17h08
Esooo

Oui et non...

Les barres ne font plus leur boulot qd limage est en dehors du jpanel mais je ne peux pas empecher limage de sortir car si limage est plus grande alors jfais comment pour la glisser?

Mais ce nest pas grave, tu mas beaucoup aidé :king:

Merci
02/04/2009, 17h55
Esooo

SOLUTION

finalement jai trouvé la reponse ici:

http://www.java2s.com/Code/Java/Swin...crolllabel.htm

Merci!!