내 GWT 응용 프로그램에서 테두리 레이아웃을 사용하여 가운데 위치에 추가 된 패널 내에 큰 이미지를 표시합니다.GWT에서 큰 이미지를 클릭하고 드래그하여 보려는 부분을 어떻게 변경합니까?
표시되는 이미지 부분을 변경하려면 이미지를 클릭하고 드래그하고 싶습니다. 스크롤 막대를 사용하여 화면에 표시된 이미지 부분을 이동하는 것과 동일합니다. 이는 Adobe Reader에서 PDF를 탐색 할 수있는 방법과 유사합니다.
어떻게 GWT에서이 작업을 수행 할 수 있습니까?
David Geary의 저서 'Google Web Toolkit Solutions'에서는 설명하는 것을 수행하는 ViewPort 패널의 구현에 대해 설명합니다. 기본적으로 마우스 이벤트를 수신하는 AbsolutePanel의 하위 클래스를 만듭니다. 이러한 마우스 이벤트를 기반으로 드래그 계산을 수행하고 포함 된 요소 (사례의 큰 이미지)의 위치를 업데이트합니다.
실제로 실행 되려면 http://coolandusefulgwt.com/으로 이동하여 '예'를 클릭 한 다음 '지도'를 클릭하십시오. (직접 링크가없는 것은 왜 gwt 응용 프로그램에서 적절한 기록 지원이 중요한지에 대한 좋은 예입니다.)
답변을 주셔서 감사하지만 원래 질문은 정확한 UI 시나리오 (지금 업데이트 됨)를 설명하는 데 충분하지 않습니다. 이미지를 포함하는 패널은 드래그 앤드 이동 예제와 같이 대부분의 "Google지도"만큼 고정 된 크기가 아니라 테두리 레이아웃의 가운데 위치에있는 것과 같이 크기가 다양합니다. –