MouseEvent sur un bouton pour le retrécir

Version imprimable

Voir 40 message(s) de cette discussion en une page

27/04/2007, 13h36
Dsphinx

MouseEvent sur un bouton pour le retrécir
Bonjour, j'ai une interface ou l'utilisateur peut passer sa souris sur un bouton et j'aimerais faire un effet de rétrécissement sur ce dernier ! Lorsque que je passe sur le bouton, celui ne se retricie qu'une fois, peut-on donner un effet de retreciement sur un bouton ?

Ma méthode:
Code:

1 2 3 4 public void mouseEntered (MouseEvent e) { getApplicationFrame().boutonPeutEtre.setBounds(200, 100, getApplicationFrame().tailleLargeurBouton-1, getApplicationFrame().tailleHauteurBouton-1); }
27/04/2007, 14h17
Crowell

Ne pas oublier qu'il faut rétablir la taille du bouton lorsque l'utiliseateur retire la souris du bouton, donc complete le code de mouseExited avec le code permettant de rendre au bouton sa taille normale.
27/04/2007, 14h17
JMLLB

Avec un mouseMoved peut-être?
A chaque appel tu diminue d'un cran (avec une limite quand même ;-)).
Je suppose que même lors d'un rollover il y toujours suffisement de mouvement pour que le mouseMoved soit appelé suffisement de fois.

http://javasearch.developpez.com/j2s...ent.MouseEvent)

Et puis revenir à la taille initiale sur un mouseExit
27/04/2007, 14h19
JMLLB

Citation:

Envoyé par Crowell

Ne pas oublier qu'il faut rétablir la taille du bouton lorsque l'utiliseateur retire la souris du bouton, donc complete le code de mouseExited avec le code permettant de rendre au bouton sa taille normale.

Autant pour moi je pensais que la problèmatique était de créer une "animation" pas un retour à l'état initial.

A noter que si tu utilises des images une rollover icon de taille plus réduite fait l'affaire.
27/04/2007, 14h24
Crowell

Si la problematique est de faire un retrécissement et un retour a la normale en n etapes, il suffirait de faire une boucle ou la taille serait modifiée d'un cran, puis une pause avec Thread.sleep(x); je suppose.
Dsphinx peux tu préciser quel effet souhaites-tu obtenir?

Merci de vos conseils.

J'ai implémenté ceci :
Code:

1 2 3 4 5 6 public void mouseEntered (MouseEvent e) { getApplicationFrame().boutonPeutEtre.setBounds(200, 100, getApplicationFrame().tailleLargeurBouton-1, getApplicationFrame().tailleHauteurBouton-1); getApplicationFrame().tailleHauteurBouton = getApplicationFrame().tailleHauteurBouton-1; getApplicationFrame().tailleLargeurBouton = getApplicationFrame().tailleLargeurBouton-1; }
Mais il faut à chaque fois passé sur le bouton pour le rétricir ! :? J'aimerais que lorsque l'on reste dessus il rétrecisse !

27/04/2007, 14h39
JMLLB

Essaye d'abord avec mouseMoved.
Si ça ne marche pas tu peux toujours mettre en place un timer que tu lances sur mouseEntered et arrête sur mouseExit.
27/04/2007, 14h42
JMLLB

Sinon avec des images: un gif animé en rollover icon c'est simple et pas gourmand (mais bon ça boucle...)
27/04/2007, 14h43
Dsphinx

Pour répondre à la question, je voudrais que lorsque le curseur de la souris reste sur le bouton, ce dernier retrecisse automatiquement sans devoir entrer et sortir du composant !

J'essaye avec MouseMoved! :lol:

Merci !
27/04/2007, 14h44
Crowell

Mmm le probleme c'est que si dans ton mouseEntered tu boucles sur le code de retrecissement, tu n'es plus a l'ecoute du reste (clic sur le bouton ou evenement mouseExited par exemple), je ne vois qu'un thread pour corriger ça.
Ceci dit je débute donc donnez vos avis ça m'interesse de voir quelles sont les solutions possibles.

Testé avec une boucle for mais il disparait d'un coup ! J'aimerais avoir cet effet visuel que mon utilisateur puisse voir le bouton retrécir !
Code:

1 2 3 4 5 6 7 8 int i; for(i = 0; i < 20; i++) { getApplicationFrame().boutonPeutEtre.setBounds(200, 100, getApplicationFrame().tailleLargeurBouton-1, getApplicationFrame().tailleHauteurBouton-1); getApplicationFrame().tailleHauteurBouton = getApplicationFrame().tailleHauteurBouton-1; getApplicationFrame().tailleLargeurBouton = getApplicationFrame().tailleLargeurBouton-1; }
Peut-on marquer un temps de pause dans la boucle ?

27/04/2007, 14h59
Crowell

Attente d'un tier de seconde entre chaque iteration :

Thread.yield();
try {
Thread.sleep(300);
} catch (InterruptedException e1) {}
27/04/2007, 15h03
Dsphinx

Merci Crowell mais ca donne pas l'effet souhaiter ! :cry:
27/04/2007, 15h03
JMLLB

Citation:

Envoyé par Crowell

Mmm le probleme c'est que si dans ton mouseEntered tu boucles sur le code de retrecissement, tu n'es plus a l'ecoute du reste (clic sur le bouton ou evenement mouseExited par exemple), je ne vois qu'un thread pour corriger ça.
Ceci dit je débute donc donnez vos avis ça m'interesse de voir quelles sont les solutions possibles.

oui bien sûr!
Quand je dis "lancer un timer", je ne compte pas mettre une attente active dans un mouseEntered!
Je donnais juste les points de synchro pour une méthode alternative que je trouve un peu lourde pour de l'affichage (encore qu'un affichage soigné ça n'a pas de prix).
Quand à l'implémentation, je n'en pas la moindre idée car ce n'est pas le genre de chose que je pratique en java (même si j'en ai bouffé plus que de raison en c sur OS temps réél).
Cela étant dit ça ne doit être très dur de trouver des exemples, ce n'est pas bien exotique.
27/04/2007, 15h10
Crowell

Citation:

Envoyé par Dsphinx

Merci Crowell mais ca donne pas l'effet souhaiter ! :cry:

Tu as fait un update(getGraphics()); pour mettre à jour l'affichage?
Sinon tu n'auras de changement qu'a la fin de la boucle ce qui n'est pas souhaité.
27/04/2007, 15h17
Dsphinx

Citation:

Tu as fait un update(getGraphics());

si c'est pas trop demandé, comment tu mets en place cette maj de l'interface ?

Je n'ai pas testé le code mais ça devrait ressembler à ça je pense

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
 
	// les declarations
 
	boolean retrecissement ;
	public int tailleNormale = 100; // a adapter a ton bouton
	public int tailleMinimale = 80; // a adapter a ton bouton
 
// les events
	public void mouseEntered (MouseEvent e) {
		retrecissement=true;
		new Thread(){
			public void run() {
				while( boutonPeutEtre.getWidth()>tailleMinimale && retrecissement==true )
				{
					boutonPeutEtre.setSize(boutonPeutEtre.getWidth()-1,boutonPeutEtre.getHeight()-1);
 
					Thread.yield();
					try {
						Thread.sleep(300);
					} catch (InterruptedException e1) {}
 
					update(getGraphics());
				}
			}
 
		}
	}
 
	public void mouseExited(MouseEvent e) {
		retrecissement=false;
		new Thread(){
			public void run() {
 
				while( boutonPeutEtre.getWidth()<tailleNormale && retrecissement==false )
				{
					boutonPeutEtre.setSize(boutonPeutEtre.getWidth()+1,boutonPeutEtre.getHeight()+1);
 
					Thread.yield();
					try {
						Thread.sleep(300);
					} catch (InterruptedException e1) {}
 
					update(getGraphics());
				}
			}
 
 
		}
	}

27/04/2007, 15h42
Dsphinx

Ah merci bcp !!! La méthode update(getGraphics()); n'est pas reconnue ! Dois-je la créer ?
27/04/2007, 15h49
Crowell

il faut l'appliquer a ton panel ou ta frame.
pan.update(getGraphics());
j'ai modifié un peu le code et je j'ai testé, le résultat chez moi est satisfaisant.

Merci ! c'est gentil ! mais Eclipse me demande de créer la méthode getGraphics() !

Voici ce que j'ai mis en place (j'ai du rajouter un ; et parametrer selon l'architecture MVC:

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
	public void mouseEntered (MouseEvent e)
	{
		retrecissement=true;
		new Thread()
		{
			public void run()
			{
				while( getApplicationFrame().boutonPeutEtre.getWidth()>tailleMinimale && retrecissement==true )
				{
					getApplicationFrame().boutonPeutEtre.setSize(getApplicationFrame().boutonPeutEtre.getWidth()-1,getApplicationFrame().boutonPeutEtre.getHeight()-1);
 
					Thread.yield();
					try
					{
						Thread.sleep(300);
					}
					catch (InterruptedException e1) {}
 
					getApplicationFrame().MonPanel.update(getGraphics());
				}
			}
 
		}
	}

Bref Eclipse me souligne en rouge getGraphics et empeche l'application de se lancer !

Voir 40 message(s) de cette discussion en une page