Dans GWT, comment cliquez et faites glisser une grande image pour modifier la partie à visualiser?

Question

Dans mon application GWT, j'utilise Border Layout pour afficher une grande image dans un panneau ajouté à l'emplacement du centre.

Je voudrais cliquer et faire glisser sur l'image pour changer la partie de l'image qui est affichée. Cela équivaudrait à utiliser les barres de défilement pour déplacer la partie de l'image affichée à l'écran. Ceci est similaire à la façon dont Adobe Reader vous permet de naviguer autour d'un fichier PDF.

Comment faire ceci avec GWT?

Answer 1

Le livre de David Geary «Google Web Toolkit Solutions» décrit l'implémentation d'un panneau ViewPort qui fait ce que vous décrivez. Fondamentalement, vous créez une sous-classe de AbsolutePanel qui écoute les événements de la souris. Sur la base de ces événements souris, vous feriez vos calculs de glisser et mettre à jour la position de l'élément contenu (la grande image dans votre cas).

Pour le voir en action, passez au http://coolandusefulgwt.com/ et cliquez sur 'Exemples' puis sur 'Cartes'. (Notez que l'absence d'un lien direct est un bon exemple de la raison pour laquelle le support de l'historique est important pour les applications gwt).