Как в GWT щелкнуть и перетащить большое изображение, чтобы изменить просматриваемый фрагмент?

Question

В моем приложении GWT я использую Border Layout для отображения большого изображения на панели, которая добавляется в расположение центра.

Я хочу щелкнуть и перетащить изображение, чтобы изменить отображаемую часть изображения. Это было бы эквивалентно использованию полос прокрутки для перемещения части изображения, отображаемой на экране. Это похоже на способ, которым Adobe Reader позволяет вам перемещаться по PDF.

Как мне это сделать с GWT?

Answer 1

Книга Дэвида Гири «Решения Google Web Toolkit» описывает реализацию панели ViewPort, которая выполняет то, что вы описываете. По сути, вы создаете подкласс AbsolutePanel, который прослушивает события мыши. Основываясь на этих событиях мыши, вы будете выполнять расчеты перетаскивания и обновлять положение содержащегося элемента (большого изображения в вашем случае).

Чтобы увидеть его в действии, перейдите на http://coolandusefulgwt.com/ и нажмите «Примеры», затем «Карты». (Обратите внимание, что отсутствие прямой ссылки является хорошим примером того, почему правильная поддержка истории важна для приложений gwt).