Subversion Repositories eFlore/Archives.cel-v2

Rev

Rev 38 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
4 aperonnet 1
package org.tela_botanica.client.vues;
2
 
3
 
4
import org.tela_botanica.client.image.ImageMediateur;
5
import org.tela_botanica.client.interfaces.Rafraichissable;
6
 
5 aperonnet 7
import com.google.gwt.user.client.DOM;
8
import com.google.gwt.user.client.Event;
9
import com.google.gwt.user.client.ui.ClickListener;
4 aperonnet 10
import com.google.gwt.user.client.ui.Image;
5 aperonnet 11
import com.google.gwt.user.client.ui.Widget;
4 aperonnet 12
import com.gwtext.client.core.RegionPosition;
36 aperonnet 13
import com.gwtext.client.widgets.Component;
14
import com.gwtext.client.widgets.Container;
4 aperonnet 15
import com.gwtext.client.widgets.Panel;
36 aperonnet 16
import com.gwtext.client.widgets.event.PanelListenerAdapter;
4 aperonnet 17
import com.gwtext.client.widgets.layout.BorderLayout;
18
import com.gwtext.client.widgets.layout.BorderLayoutData;
19
 
36 aperonnet 20
/**
21
 * Panneau d'affichage d'une image avec des boutons précdents et suivant
22
 * TODO: assurer le redimensionnement automatique de l'image et la centrer
23
 * @author aurelien
24
 *
25
 */
4 aperonnet 26
public class ZoomImageVue extends Panel implements Rafraichissable {
27
 
36 aperonnet 28
	/**
29
	 * Le médiateur associé à la vue
30
	 */
4 aperonnet 31
	private ImageMediateur iMediateur = null ;
36 aperonnet 32
 
33
	/**
34
	 * Panneau conteneur pour l'image
35
	 */
36
	private Panel imageConteneur = null ;
37
	/**
38
	 * l'image à afficher
39
	 */
40
	private Image image = new Image("vide.jpg") ;
41
	/**
42
	 * Bouton précédent
43
	 */
4 aperonnet 44
	private final com.google.gwt.user.client.ui.Button prev = new com.google.gwt.user.client.ui.Button("<");
36 aperonnet 45
	/**
46
	 * Bouton suivant
47
	 */
4 aperonnet 48
	private final com.google.gwt.user.client.ui.Button suiv = new com.google.gwt.user.client.ui.Button(">");
49
 
36 aperonnet 50
	/**
51
	 * Taille originale Y de l'image
52
	 */
53
	private int imageHeight = 0 ;
54
 
55
	/**
56
	 * Taille originale X de l'image
57
	 */
58
	private int imageWidth = 0 ;
59
 
60
	/**
61
	 * Booleen d'initalisation général
62
	 */
63
	private boolean initialise = false ;
64
 
65
	/**
66
	 * Booleen d'initalisation du conteneur d'image
67
	 */
68
	private boolean conteneurInitialise = false ;
69
 
70
	/**
71
	 * Constructeur sans argument (privé car ne doit être utilisé)
72
	 */
73
	private ZoomImageVue()
74
	{
75
		super() ;
76
	}
77
 
78
	/**
79
	 * Constructeur avec argument
80
	 * @param im le médiateur à associer à la vue
81
	 */
4 aperonnet 82
	public ZoomImageVue(ImageMediateur im)
83
	{
84
		super("Zoom");
36 aperonnet 85
		// on associe le médiateur
86
		iMediateur = im ;
4 aperonnet 87
 
36 aperonnet 88
		// on crée un image qui gère le double clic
5 aperonnet 89
		image = new Image() {
47 aperonnet 90
 
5 aperonnet 91
			public void onBrowserEvent(Event event) {
36 aperonnet 92
				// lors du double clic
5 aperonnet 93
				if (Event.ONDBLCLICK == DOM.eventGetType(event)) {
94
 
36 aperonnet 95
					// on notifie le médiateur
12 aperonnet 96
					getIMediateur().doubleClicZoomImage();
36 aperonnet 97
				}
5 aperonnet 98
			}
99
		};
36 aperonnet 100
 
101
 
102
		imageConteneur = new Panel() ;
103
		imageConteneur.add(image) ;
104
 
105
		imageConteneur.setId("x-view-zoom-img") ;
106
 
107
		// il n'existe pas de méthode pour ajouter un listener pour le double clic sur une image
108
		// alors on lui dit manuellement de capter l'évènement double clic
5 aperonnet 109
		image.sinkEvents(Event.ONDBLCLICK);
4 aperonnet 110
 
36 aperonnet 111
		// l'image de base est vide
22 aperonnet 112
		image.setUrl("vide.jpg");
5 aperonnet 113
 
4 aperonnet 114
		this.setLayout(new BorderLayout());
115
 
28 aperonnet 116
		prev.setWidth("60px");
117
		suiv.setWidth("60px");
4 aperonnet 118
 
119
		this.add(prev,new BorderLayoutData(RegionPosition.WEST));
36 aperonnet 120
		this.add(imageConteneur,new BorderLayoutData(RegionPosition.CENTER));
4 aperonnet 121
		this.add(suiv,new BorderLayoutData(RegionPosition.EAST));
5 aperonnet 122
 
47 aperonnet 123
		imageConteneur.setMaskDisabled(true) ;
124
 
36 aperonnet 125
		// on ajoute les listeners
126
		ajouterListeners();
4 aperonnet 127
	}
128
 
36 aperonnet 129
	/**
130
	 * Méthode héritée de l'interface rafraichissable
131
	 * @param nouvelleDonnees les nouvelles données
132
	 * @param repandreRafraichissement le booleen qui dit si on doit répnadre l'évènement
133
	 */
16 aperonnet 134
	public void rafraichir(Object nouvelleDonnees, boolean repandreRafraichissement) {
4 aperonnet 135
 
36 aperonnet 136
		// si on reçoit une string
137
		if(nouvelleDonnees instanceof String[])
5 aperonnet 138
		{
36 aperonnet 139
			String[] infos = (String[])nouvelleDonnees ;
140
			// c'est l'url de l'image qu'on associe à la vue
141
			getImage().setUrl(infos[0]);
142
 
143
 
144
			if(infos[1] != null && infos[2] != null)
145
			{
146
				int x = Integer.parseInt(infos[1]) ;
147
				int y = Integer.parseInt(infos[2]) ;
148
 
149
				setTailleImage(x,y) ;
150
 
151
				verifierEtRetaillerImage() ;
152
			}
5 aperonnet 153
		}
22 aperonnet 154
		else
155
		{
36 aperonnet 156
			// sinon on met une image vide
157
			getImage().setUrl("vide.jpeg") ;
22 aperonnet 158
		}
4 aperonnet 159
	}
5 aperonnet 160
 
36 aperonnet 161
	/**
162
	 * Desactive visuellement le panneau et les boutons
163
	 */
22 aperonnet 164
	public void desactiverPanneau()
165
	{
36 aperonnet 166
		getImage().setUrl("vide.jpeg") ;
22 aperonnet 167
		prev.setEnabled(false) ;
168
		suiv.setEnabled(false);
169
	}
170
 
36 aperonnet 171
	/**
172
	 * Active visuellement le panneau et les boutons
173
	 */
22 aperonnet 174
	public void activerPanneau()
175
	{
176
		prev.setEnabled(true);
177
		suiv.setEnabled(true);
178
	}
179
 
36 aperonnet 180
	/**
181
	 * Ajoute les listeners pour la gestions d'évènement
182
	 */
183
	public void ajouterListeners()
5 aperonnet 184
	{
36 aperonnet 185
		// gestion du clic sur le bouton précedent
5 aperonnet 186
		prev.addClickListener(new ClickListener() {
4 aperonnet 187
 
36 aperonnet 188
			// en cas de clic
5 aperonnet 189
			public void onClick(Widget sender) {
36 aperonnet 190
				// on notifie le médiateur
12 aperonnet 191
				getIMediateur().clicBoutonZoomImage("prev");
5 aperonnet 192
			}
193
 
194
		});
195
 
36 aperonnet 196
		// gestion du clic sur le bouton suivant
5 aperonnet 197
		suiv.addClickListener(new ClickListener() {
198
 
36 aperonnet 199
			// en cas de clic
5 aperonnet 200
			public void onClick(Widget sender) {
36 aperonnet 201
				// on notifie le médiateur
12 aperonnet 202
				getIMediateur().clicBoutonZoomImage("suiv");
5 aperonnet 203
			}
204
 
205
		});
36 aperonnet 206
 
207
		// gestion du redimensionnement
208
		this.addListener(new PanelListenerAdapter() {
209
 
210
			// lors d'un redimensionnement de l'application
47 aperonnet 211
 
36 aperonnet 212
			public void onBodyResize(Panel panel,java.lang.String width,java.lang.String height)
213
			{
214
				// on vérifie et on retaille l'image
215
				verifierEtRetaillerImage() ;
216
			}
217
		}) ;
218
 
219
		// gestion du redimensionnement lors de l'affichage du conteneur
220
		imageConteneur.addListener(new PanelListenerAdapter() {
221
 
222
			// avant de finir d'afficher
47 aperonnet 223
 
36 aperonnet 224
			public void onAfterLayout(Container self)
225
			{
226
				// on redimensionne
227
				verifierEtRetaillerImage() ;
228
			}
229
		}) ;
5 aperonnet 230
	}
36 aperonnet 231
 
232
	/**
233
	 * Verifie si l'image est plus grande que le conteneur et la retaille le cas echeant
234
	 */
235
	public void verifierEtRetaillerImage()
236
	{
237
		// si l'image est nulle
238
		if(image == null)
239
		{
240
			// on ne fait rien
241
			return ;
242
		}
243
 
244
		// on prend la taille originale de l'image
245
		int originalX = getTailleImage()[0] ;
246
		int originalY = getTailleImage()[1]	;
247
 
248
		// on la transforme en float (la division entre entier donne de curieux résultats)
249
		float fOriginalX = (new Float(originalX)).floatValue() ;
250
		float fOriginalY = (new Float(originalY)).floatValue() ;
251
 
252
		// et on fait le rapport longueur sur hauteur (pour connaitre le ratio)
253
		float rapportTaille = fOriginalX/fOriginalY ;
254
 
255
		// la nouvelle taille est pour le moment égale à l'ancienne
256
		int nouvelleTailleX = originalX ;
257
		int nouvelleTailleY = originalY ;
258
 
259
		// on prend la taille du conteneur
260
		int tailleConteneurX = imageConteneur.getWidth() ;
261
		int tailleConteneurY = imageConteneur.getHeight() ;
262
 
263
		// si celle-ci est égale à 0 (conteneur mal initialisé)
38 aperonnet 264
		/*if(imageConteneur.getHeight() == 0 && tailleConteneurX == 0)
36 aperonnet 265
		{
266
			// on essaie de la calculer en fonction de la taille du parent et des frères
267
			tailleConteneurY = this.getHeight() ;
268
			tailleConteneurX = this.getWidth() - prev.getOffsetWidth() * 2 ;
269
 
38 aperonnet 270
		}*/
36 aperonnet 271
 
272
		// si l'image ne rentre pas telle quelle (longueur ou hauteur trop grande)
273
		if(originalY > tailleConteneurY || originalX > tailleConteneurX)
274
		{
275
			// si la longueur de l'image est la plus grande des deux
276
			if(originalX > originalY)
277
			{
278
				// on prend la longueur comme taille de référence, qu'on met à la longueur du conteneur
279
				nouvelleTailleX = tailleConteneurX ;
280
				// et on recalcule la hauteur, par rapport à la nouvelle longueur, en gardant le format de 'limage
281
				nouvelleTailleY = (int)Math.floor(nouvelleTailleX*1/rapportTaille) ;
282
			}
283
			else
284
			{
285
				// si la hauteur est la plus grande, on fait le même genre d'opération en prenant la hauteur comme référence
286
				nouvelleTailleY = tailleConteneurY ;
287
				nouvelleTailleX = (int)Math.floor(nouvelleTailleY*rapportTaille) ;
288
			}
289
		}
290
 
291
		// on modifie enfin la taille de l'image pour qu'elle soit affichée
292
		getImage().setSize(""+nouvelleTailleX+"px", ""+nouvelleTailleY+"px") ;
293
	}
5 aperonnet 294
 
36 aperonnet 295
	/**
296
	 * Accesseur pour le médiateur
297
	 * @return le médiateur associé à la vue
298
	 */
5 aperonnet 299
	public ImageMediateur getIMediateur() {
300
		return iMediateur;
301
	}
302
 
36 aperonnet 303
	/**
304
	 * Accesseur au conteneur de l'image
305
	 * @return le conteneur de l'image
306
	 */
5 aperonnet 307
	public Image getImage() {
308
		return image;
309
	}
310
 
36 aperonnet 311
	/**
312
	 * Accesseur pour le bouton précédent
313
	 * @return le bouton précédent
314
	 */
5 aperonnet 315
	public com.google.gwt.user.client.ui.Button getPrev() {
316
		return prev;
317
	}
318
 
36 aperonnet 319
	/**
320
	 * Accesseur pour le bouton suivant
321
	 * @return le bouton suivant
322
	 */
5 aperonnet 323
	public com.google.gwt.user.client.ui.Button getSuiv() {
324
		return suiv;
325
	}
36 aperonnet 326
 
327
	/**
328
	 * Setter pour la taille de l'image
329
	 * @param X la largeur en pixels
330
	 * @param Y la hauteur en pixels
331
	 */
332
	public void setTailleImage(int x, int y)
333
	{
334
		imageHeight = y ;
335
		imageWidth = x ;
336
	}
337
 
338
	/**
339
	 * renvoie la taille originale de l'image
340
	 * @return un tableau de deux entiers contenant la largeur puis la hauteur
341
	 */
342
	public int[] getTailleImage()
343
	{
344
		int[] taille = {imageHeight,imageWidth} ;
345
 
346
		return taille ;
347
	}
5 aperonnet 348
 
47 aperonnet 349
	public Panel getImageConteneur() {
350
 
351
		return imageConteneur ;
352
 
353
	}
354
 
4 aperonnet 355
}