| Leadtools.Controls Namespace : ImageViewerAutoPanInteractiveMode Object |
function Leadtools.Controls.ImageViewerAutoPanInteractiveMode()
ImageViewerAutoPanInteractiveMode derives from ImageViewerInteractiveMode and subscribes to the following events of the InteractiveService:
ImageViewerAutoPanInteractiveMode works when the view boundary is larger than the current image viewer client area as follows:
When the mouse or touch is close to the edge of the viewer, and there are more room in that direction, then this mode will call ImageViewer.ScrollByRestrict to pan the view in that direction. How far the pointer is from the boundary to be consider "close" is determined by EdgeSize. The delay before auto-panning starts is controlled by BeginDelay.
If the user does not move the pointer, and PanDelay elapsed, then this mode will continue panning the viewer in that direction until it reaches the maximum value allowed by ScrollByRestrict.
ImageViewerAutoPanInteractiveMode can work with or without the user holding a mouse button down through the value of MouseButtons. It can also be combined with any other mode to allow auto-panning the viewer while the other mode is running. The example code shows how to use auto-pan with ImageViewerRubberBandInteractiveMode to allow drawing a rubber band and moving towards the edge of the viewer when the user reaches the edge. This is the auto-pan performing extra functionality to rubber-band.
For more information, refer to Image Viewer Interactive Modes.
this._imageViewer.interactiveModes.beginUpdate(); var autopan = new lt.Controls.ImageViewerAutoPanInteractiveMode(); autopan.panDelay = 100; this._imageViewer.interactiveModes.add(autopan); this._imageViewer.interactiveModes.endUpdate();