| New file |
|---|
| 0,0 → 1,364 |
|---|
| package org.tela_botanica.client.vues; |
| |
| import org.tela_botanica.client.image.ImageMediateur; |
| import org.tela_botanica.client.interfaces.Rafraichissable; |
| import org.tela_botanica.client.observation.ObservationMediateur; |
| |
| import com.google.gwt.user.client.DOM; |
| import com.google.gwt.user.client.Event; |
| import com.google.gwt.user.client.Window; |
| import com.google.gwt.user.client.ui.ClickListener; |
| import com.google.gwt.user.client.ui.Image; |
| import com.google.gwt.user.client.ui.Widget; |
| import com.gwtext.client.core.EventObject; |
| import com.gwtext.client.core.RegionPosition; |
| import com.gwtext.client.dd.DragData; |
| import com.gwtext.client.dd.DragSource; |
| import com.gwtext.client.dd.DropTarget; |
| import com.gwtext.client.dd.DropTargetConfig; |
| import com.gwtext.client.widgets.Container; |
| import com.gwtext.client.widgets.Panel; |
| import com.gwtext.client.widgets.event.PanelListenerAdapter; |
| import com.gwtext.client.widgets.grid.GridDragData; |
| import com.gwtext.client.widgets.layout.BorderLayout; |
| import com.gwtext.client.widgets.layout.BorderLayoutData; |
| |
| /** |
| * Panneau d'affichage d'une image avec des boutons précdents et suivant |
| * |
| * @author aurelien |
| * |
| */ |
| public class MiniZoomImageVue extends Panel implements Rafraichissable { |
| |
| /** |
| * Le médiateur associé à la vue |
| */ |
| private ObservationMediateur oMediateur = null; |
| |
| /** |
| * Panneau conteneur pour l'image |
| */ |
| private Panel imageConteneur = null; |
| /** |
| * l'image à afficher |
| */ |
| private Image image = new Image("vide.jpg"); |
| /** |
| * Bouton précédent |
| */ |
| private final com.google.gwt.user.client.ui.Button prev = new com.google.gwt.user.client.ui.Button(); |
| /** |
| * Bouton suivant |
| */ |
| private final com.google.gwt.user.client.ui.Button suiv = new com.google.gwt.user.client.ui.Button(); |
| |
| /** |
| * Taille originale Y de l'image |
| */ |
| private int imageHeight = 0; |
| |
| /** |
| * Taille originale X de l'image |
| */ |
| private int imageWidth = 0; |
| |
| /** |
| * Identifiant de l'image |
| */ |
| private String idImage = "0" ; |
| |
| private String[] infosImages = null ; |
| |
| private int index = 0 ; |
| |
| /** |
| * Booleen d'initalisation général |
| */ |
| private boolean initialise = false; |
| |
| /** |
| * Booleen d'initalisation du conteneur d'image |
| */ |
| private boolean conteneurInitialise = false; |
| |
| /** |
| * Constructeur sans argument (privé car ne doit être utilisé) |
| */ |
| @SuppressWarnings("unused") |
| private MiniZoomImageVue() { |
| super(); |
| } |
| |
| /** |
| * Constructeur avec argument |
| * |
| * @param im |
| * le médiateur à associer à la vue |
| */ |
| public MiniZoomImageVue(ObservationMediateur im) { |
| super("Image liées"); |
| setId("x-view-mini-zoom-panel"); |
| // on associe le médiateur |
| oMediateur = im; |
| |
| prev.setStylePrimaryName("x-view-zoom-button-p"); |
| suiv.setStylePrimaryName("x-view-zoom-button-s"); |
| |
| // on crée une image qui gère le double clic et la roulette de la souris |
| image = new Image() { |
| |
| public void onBrowserEvent(Event event) { |
| |
| // lors d'un déplacement de la roulette |
| if (Event.ONMOUSEWHEEL == DOM.eventGetType(event)) { |
| |
| // on simule un clic sur le bouton précédent |
| if (event.getMouseWheelVelocityY() >= 1) { |
| prev.click(); |
| } |
| |
| // ou suivant |
| if (event.getMouseWheelVelocityY() <= -1) { |
| suiv.click(); |
| } |
| } |
| } |
| |
| }; |
| |
| infosImages = new String[0] ; |
| |
| this.setHeader(true); |
| |
| imageConteneur = new Panel() ; |
| imageConteneur.setBorder(false); |
| |
| imageConteneur.add(image); |
| imageConteneur.setId("x-view-mini-zoom-img"); |
| |
| // il n'existe pas de méthode pour ajouter un listener pour le double |
| // clic sur une image |
| // alors on lui dit manuellement de capter l'évènement double clic |
| image.sinkEvents(Event.ONDBLCLICK); |
| image.sinkEvents(Event.ONMOUSEWHEEL); |
| |
| // l'image de base est vide |
| image.setUrl("vide_s.jpg"); |
| |
| this.setLayout(new BorderLayout()); |
| |
| prev.setWidth("60px"); |
| suiv.setWidth("60px"); |
| |
| this.add(prev, new BorderLayoutData(RegionPosition.WEST)); |
| this.add(imageConteneur, new BorderLayoutData(RegionPosition.CENTER)); |
| this.add(suiv, new BorderLayoutData(RegionPosition.EAST)); |
| |
| imageConteneur.setMaskDisabled(true); |
| this.setBorder(false); |
| |
| conteneurInitialise = true; |
| initialise = true; |
| |
| // on ajoute les listeners |
| ajouterListeners(); |
| |
| } |
| |
| /** |
| * Méthode héritée de l'interface rafraichissable |
| * |
| * @param nouvelleDonnees |
| * les nouvelles données |
| * @param repandreRafraichissement |
| * le booleen qui dit si on doit répnadre l'évènement |
| */ |
| public void rafraichir(Object nouvelleDonnees, |
| boolean repandreRafraichissement) { |
| |
| // si on reçoit une string |
| if (nouvelleDonnees instanceof String[] && initialise |
| && conteneurInitialise) { |
| infosImages = (String[]) nouvelleDonnees; |
| index = 0 ; |
| afficherImage() ; |
| |
| } else { |
| // sinon on met une image vide |
| infosImages = new String[0] ; |
| getImage().setUrl("vide_s.jpg"); |
| } |
| } |
| |
| public void afficherImage() |
| { |
| // c'est l'url de l'image qu'on associe à la vue |
| if(infosImages.length != 0) |
| { |
| getImage().setUrl(infosImages[index]); |
| } |
| else |
| { |
| getImage().setUrl("vide_s.jpeg"); |
| } |
| } |
| |
| /** |
| * Desactive visuellement le panneau et les boutons |
| */ |
| public void desactiverPanneau() { |
| getImage().setUrl("vide_s.jpeg"); |
| prev.setEnabled(false); |
| suiv.setEnabled(false); |
| } |
| |
| /** |
| * Active visuellement le panneau et les boutons |
| */ |
| public void activerPanneau() { |
| prev.setEnabled(true); |
| suiv.setEnabled(true); |
| } |
| |
| /** |
| * Ajoute les listeners pour la gestions d'évènement |
| */ |
| public void ajouterListeners() { |
| |
| // gestion du clic sur le bouton précedent |
| prev.addClickListener(new ClickListener() { |
| |
| // en cas de clic |
| public void onClick(Widget sender) { |
| |
| if(infosImages.length != 0) { |
| if(index == 0) |
| { |
| index = infosImages.length - 1 ; |
| } |
| else |
| { |
| index-- ; |
| } |
| |
| afficherImage() ; |
| } |
| } |
| |
| }); |
| |
| // gestion du clic sur le bouton suivant |
| suiv.addClickListener(new ClickListener() { |
| |
| // en cas de clic |
| public void onClick(Widget sender) { |
| |
| if(infosImages.length != 0) { |
| if(index == infosImages.length - 1) |
| { |
| index = 0 ; |
| } |
| else |
| { |
| index++ ; |
| } |
| |
| afficherImage() ; |
| } |
| |
| } |
| |
| }); |
| |
| } |
| |
| /** |
| * Accesseur pour le médiateur |
| * |
| * @return le médiateur associé à la vue |
| */ |
| public ObservationMediateur getIMediateur() { |
| return oMediateur; |
| } |
| |
| /** |
| * Accesseur au conteneur de l'image |
| * |
| * @return le conteneur de l'image |
| */ |
| public Image getImage() { |
| return image; |
| } |
| |
| /** |
| * Acesseurs pour l'identifiant de l'image |
| * @return l'id de l'image |
| */ |
| public String getIdImage() |
| { |
| return idImage ; |
| } |
| |
| /** |
| * Accesseur pour le bouton précédent |
| * |
| * @return le bouton précédent |
| */ |
| public com.google.gwt.user.client.ui.Button getPrev() { |
| return prev; |
| } |
| |
| /** |
| * Accesseur pour le bouton suivant |
| * |
| * @return le bouton suivant |
| */ |
| public com.google.gwt.user.client.ui.Button getSuiv() { |
| return suiv; |
| } |
| |
| /** |
| * Setter pour la taille de l'image |
| * |
| * @param x |
| * la largeur en pixels |
| * @param y |
| * la hauteur en pixels |
| */ |
| public void setTailleImage(int x, int y) { |
| imageHeight = y; |
| imageWidth = x; |
| } |
| |
| /** |
| * Setteur pour l'identifiant de l'image |
| * @param id le nouvel identifiant |
| */ |
| public void setIdImage(String id) |
| { |
| idImage = id ; |
| } |
| |
| /** |
| * renvoie la taille originale de l'image |
| * |
| * @return un tableau de deux entiers contenant la largeur puis la hauteur |
| */ |
| public int[] getTailleImage() { |
| int[] taille = { imageHeight, imageWidth }; |
| |
| return taille; |
| } |
| |
| /** |
| * Accesseur pour le conteneur de l'image |
| * @return le conteur de l'image |
| */ |
| public Panel getImageConteneur() { |
| |
| return imageConteneur; |
| |
| } |
| } |
| |