Discussion :

[Blackbull]

Bonsoir,

Je cherche depuis quelques temps a pouvoir zoomer (avec la molette) et à centrer la vue sur la fleche de la souris pour une carte. Un peu comme sur Google maps

Pour se faire, j'utilise un JscrollPan. J'arrive uniquement a centrer la map avec ce cope :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
	@Override
	public void mouseWheelMoved(MouseWheelEvent e) {
 
		if (e.getScrollType() == MouseWheelEvent.WHEEL_UNIT_SCROLL) {
 
			int i =  e.getWheelRotation();
 
			if( i > 0 ){
				this.viewWeak.get().imageMap.setZoom(1.01);
 
				Rectangle bounds = this.viewWeak.get().scrollPane.getViewport().getViewRect();
				Dimension size = this.viewWeak.get().scrollPane.getViewport().getViewSize();
				int x = (size.width - bounds.width) / 2;
				int y = (size.height - bounds.height) / 2;
 
 
				this.viewWeak.get().scrollPane.getViewport().setViewPosition(new Point(x, y));
			}
			else if(i < 0){
				this.viewWeak.get().imageMap.setZoom(0.99);
 
				Rectangle bounds = this.viewWeak.get().scrollPane.getViewport().getViewRect();
				Dimension size = this.viewWeak.get().scrollPane.getViewport().getViewSize();
				int x = (size.width - bounds.width) / 2;
				int y = (size.height - bounds.height) / 2;
 
 
				this.viewWeak.get().scrollPane.getViewport().setViewPosition(new Point(x, y));
			}
		}
 
	}

setZoom me permet de repeindre en plus gros ou plus petit.


Ici je cherche donc à définir x, y pour bouger la vue de façon progressive en fonction de la souris.

Je peux récupérer les coordonnées de la souris au moment du scroll avec e.getX() et e.getY().


Est ce que quelqu'un aurait une idée s'il vous plait ?

Blackbull

[tchize_]

Tu veux centrer le point qui se trouve sur la souris, ou tu veux que ce point soit invariant pendant le zoom? Google map fait le deuxième, si je scrolle sur la tour eiffel en bas à droite, dans google maps, la tour eiffel reste en bas à droite


Tout ce que je peux te recommander, parce que j'ai pas envie de faire le calcul, c'est de prendre un papier, un crayon et faire le calcul à la main une fois, comme ça tu verra de quoi tout ce calcul dépend. Ton principe étant

1) identifier quel point de ton image se trouve sous le e.getX() / e.getY(), ca dépendra du scrollpane et du facteur zoom de ton panel
2) le zoom
3) calculer la position zoomée de ce x/Y du point 1
4) en fonction du scrollpane et de ses dimension, calculer comment il doit être en scrollX / scrollY pour que le ce nouveau x/y soit au même en droit à l'écran que le e.getX / e.getY

[Blackbull]

Ok Merci pour ces pistes, le point invariant sous la souris est une tres bonne idee !
J'avais deja utiliser un papier et un crayon, mais a chaque fois que je code ca j'ai des surprises.

Bref je refais ca et je vous tient au courant !

Merci

[Blackbull]

Salut à tous,

j'ai fait sur papier la demarche mais ca ne marche pas avec Swing, voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
public void mouseWheelMoved(MouseWheelEvent e) {
 
		if (e.getScrollType() == MouseWheelEvent.WHEEL_UNIT_SCROLL) {
 
			int i =  e.getWheelRotation();
 
 
 
			if( i > 0 ){
 
 
				Point pointUnderMouse = new Point(e.getX(),e.getY());
				System.out.print("Under Mouse : ");
				System.out.println(pointUnderMouse.toString()+'\n');
 
				this.viewWeak.get().imageMap.setZoom(1.1);
				Rectangle bounds = this.viewWeak.get().scrollPane.getViewport().getViewRect();
				Dimension size = this.viewWeak.get().scrollPane.getViewport().getViewSize();
 
				double zoomX = size.getWidth() / bounds.getWidth();
				double zoomY = size.getHeight() / bounds.getHeight();
 
				Point pointAfterZoom = new Point( (int) (pointUnderMouse.getX()*1.1) , (int) (pointUnderMouse.getY()*1.1) );
				System.out.print("After zoom : ");
				System.out.println(pointAfterZoom.toString()+'\n');
 
				Point upperLeftHandCorner = new Point();
				upperLeftHandCorner.x = (int) ( (pointAfterZoom.getX() - pointUnderMouse.getX())  );
				upperLeftHandCorner.y = (int) ( (pointAfterZoom.getY() - pointUnderMouse.getY())  );
				System.out.print("upper Left : ");
				System.out.println(upperLeftHandCorner.toString()+'\n');
 
 
				this.viewWeak.get().scrollPane.getViewport().setViewPosition(upperLeftHandCorner);
 
 
 
			}
			else if(i < 0){...

Des idees ?

[tchize_]

Si ça peut t'aider, voilà les formules que j'applique pour faire un zoom à la molette, avec point fixe, sur un de mes composant.

Note que le composant, contrairement à ton cas, ne grandit pas, c'est juste la zone affichée qui change. Mais ça ne devrais pas être dur d'extrapoler la méthode qui t'intéresse

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
        public void mouseWheelMoved(MouseWheelEvent e) {
 
			float scale = 0.0f;
			if (e.getWheelRotation() < 1)
				scale = 1.0f - (0.2f * e.getWheelRotation());
			else
				scale = 1.0f / (1.0f + (0.2f * e.getWheelRotation()));
			final int zoomX = e.getX();
			final int zoomY = e.getY();
 
			addZoom(scale, zoomX, zoomY);
		}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
	public void addZoom(float scale, int zoomX, int zoomY) {
		// Zoom translate
		final float newWidth = getWidth() / scale;
		final float newHeight = getHeight() / scale;
		final Point2D center = new Point2D.Float(zoomX - (newWidth / 2), zoomY
				- (newHeight / 2));
		final AffineTransform at = new AffineTransform();
		at.scale(scale, scale);
		at.translate(-zoomX * (1 - (1 / scale)), -zoomY * (1 - (1 / scale)));
		at.concatenate(getRenderingTransform());
		setRenderingTransform(at);
 
		if (log.isDebugEnabled())
			log.debug(
					"Point is (%d,%d); size is (%d,%d); new size is (%f,%f), scale is %f; scale center is (%f,%f)\n",
					zoomX, zoomY, getWidth(), getHeight(), newWidth, newHeight,
					scale, center.getX(), center.getY());
		controller.scaleChanged();
	}

[dinobogan]

Avant de zoomer depuis la position de souris, est ce que tu parviens à zoomer depuis le point haut gauche de la vue ?
Zoomer depuis la position de souris devrait ensuite être une formalité : déplacer la vue pour faire correspondre le haut-gauche avec la souris, zoomer et enfin déplacer la vue pour que le haut-gauche soit au centre de la vue.
C'est un problème courant de changement de repère, mais se mélanger les pinceaux est vite fait
Procède par étape, sans coder tout d'un coup. Vérifie à chaque étape si le comportement est celui attendu.

EDIT : trop lent

[Blackbull]

Merci tchize_ pour ton aide, meme si j'ai un un peu de mal avec tes objets et méthodes.
Mais j'ai l'impression que j'ai un problème de conception. En effet ici je grossi une image et la vu reste à une taille fix, donc à chaque fois que j'utilise la molette il faut repeindre.

Etait-il possible de dessiner mon image et ensuite de faire varier la taille de ma vue dans le JScrollPane ?



EDIT :

dinobogan, oui j'arrive a Zoomer en haut a gauche, il y a pas grand chose a faire, mais ensuite l'histoire du point invariant, j'obtient un comportement étrange