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

Reference

ImageViewerPagerInteractiveMode Members

Leadtools.Controls Namespace

Help Version 19.0.2017.10.27

Leadtools.Controls Assembly

Introduction

Getting Started

Namespaces

Leadtools.Controls Namespace

Assemblies