ImageViewerPagerInteractiveMode Object

Summary

Changes the active item using the mouse or touch.

Syntax

JavaScript Syntax
function lt.Controls.ImageViewerPagerInteractiveMode 
	extends lt.Controls.ImageViewerInteractiveMode 
TypeScript Syntax
class lt.Controls.ImageViewerPagerInteractiveMode() 
	extends lt.Controls.ImageViewerInteractiveMode 

Remarks

ImageViewerPagerInteractiveMode derives from ImageViewerInteractiveMode and subscribes to the following events of the InteractiveService:

InteractiveEventArgs.IsHandled is set to true if the interaction is on target and not already handled, regardless of whether the drag causes a change in the active item index.

When the user clicks and drags on the viewer surface, the current active item index changes in the viewer accordingly.

This mode works by calculating the maximum change for the operation (number of items). Then normalizing this value across the current height of the viewer. When the user clicks and drags on the viewer, the value changes based on the current location. Dragging up will decrease value while dragging down will increase the value.

For more information, refer to Image Viewer Interactive Modes.

Example

JavaScript Example
this._imageViewer.interactiveModes.beginUpdate(); 
var pagerInteractiveMode = new lt.Controls.ImageViewerPagerInteractiveMode() 
this._imageViewer.interactiveModes.add(pagerInteractiveMode); 
this._imageViewer.interactiveModes.endUpdate(); 

Requirements

Target Platforms

Products | Support | Contact Us | Copyright Notices
© 1991-2017 LEAD Technologies, Inc. All Rights Reserved.
Leadtools.Controls Assembly
Click or drag to resize