onSizeChanged Method (ImageViewer)

Summary

Inform the control that the size of the container has changed.

Syntax

JavaScript Syntax
ImageViewer.prototype.onSizeChanged = function()
TypeScript Syntax
onSizeChanged(): void;

Remarks

The viewer hooks to standard HTML Window "sizechanged" or "orientationchange" events depending on the browser being used. This will allow the viewer to recalculate the transformation matrix and cause a render if the size of the control (container div) changes. If however, the size of the control is changed programmatically or due to CSS rules that do not fire "sizechanged" or "orientationchange", then the control will not be updated. You must call OnSizeChanged to trigger the control to update its transformation.

The control size can be obtained by using ControlSize.

Example

Run the demo and click the Example button. The size of the container is reduced by half and OnSizeChanged is called to reflect the new size into the viewer.

Start with the ImageViewer example, remove all the code inside the example function (search for the "// TODO: add example code here" comment) and insert the following code:

JavaScript Example
function ImageViewer_OnSizeChanged() { 
   // Create a panel to the top 
   var panel = document.createElement("div"); 
   panel.style.width = "800"; 
   panel.style.height = "800"; 
   document.body.appendChild(panel); 
 
   // Create the image viewer taking the rest of the form 
   var imageViewerDiv = document.createElement("div"); 
   document.body.appendChild(imageViewerDiv); 
   this._imageViewer = new lt.Controls.ImageViewer(new lt.Controls.ImageViewerCreateOptions(imageViewerDiv)); 
 
   // Add Pan/Zoom interactive mode 
   // Click and drag to pan, CTRL-Click and drag to zoom in and out 
   this._imageViewer.defaultInteractiveMode = new lt.Controls.ImageViewerPanZoomInteractiveMode(); 
 
   var myViewer = this._imageViewer; 
   window.onresize = function (e) { 
      if (myViewer) 
         myViewer.onSizeChanged(); 
   } 
};

Requirements

Target Platforms

Products | Support | Contact Us | Copyright Notices
© 1991-2017 LEAD Technologies, Inc. All Rights Reserved.
Leadtools.Controls Assembly
Introduction
Getting Started
Namespaces
Leadtools.Controls Namespace
Classes
CanvasOptions
ControlDropShadowOptions
ControlInertiaScrollOptions
ControlPadding
ControlRegionRenderer
ElementInsertionHelper
ImageViewer
Members
ImageViewer Constructor
Methods
beginAutoSizeChanged Method
beginRender Method
beginTransform Method
beginUpdate Method
centerAtPoint Method
combineFloater Method
convertBoundsToView Method
convertPoint Method
convertPoints Method
convertRect Method
convertTransform Method
disableSync Method
disableTransitions Method
dispose Method
enableSync Method
enableTransitions Method
endAutoSizeChanged Method
endRender Method
endTransform Method
endUpdate Method
ensureBoundsVisible Method
ensureItemVisible Method
ensureItemVisibleByIndex Method
findNearestItem Method
getDestinationRectangle Method
getFirstVisibleItem Method
getFirstVisibleItemIndex Method
getImageTransformWithDpi Method
getItemBounds Method
getItemContentTransform Method
getItemFloaterSize Method
getItemFloaterTransform Method
getItemImageFloatingPointTransform Method
getItemImageSize Method
getItemImageTransform Method
getItemImageTransformScaleOnly Method
getItemImageTransformWithDpi Method
getItemTransform Method
getItemViewBounds Method
getLargestVisibleItem Method
getLargestVisibleItemIndex Method
getLastVisibleItem Method
getLastVisibleItemIndex Method
getScaleFactors Method
getSynced Method
getViewBounds Method
gotoItem Method
gotoItemByIndex Method
hitTestFloater Method
hitTestItem Method
hitTestItemPart Method
hitTestItems Method
invalidate Method
invalidateItem Method
invalidateItemByIndex Method
isItemVisible Method
isSyncDisabled Method
onActiveItemChanged Method
onAutoItemElementsAdded Method
onAutoItemElementsRemoved Method
onElementsUpdated Method
onEraseBackground Method
onForeCanvasSizeChanged Method
onItemChanged Method
onItemDragDrop Method
onItemError Method
onPostRender Method
onPostRenderItem Method
onPreRender Method
onPreRenderItem Method
onPropertyChanged Method
onRedirectRender Method
onRender Method
onRenderBackground Method
onRenderBorder Method
onRenderError Method
onRenderImage Method
onRenderItem Method
onRenderItemFloater Method
onRenderItemFloaterRegion Method
onRenderItemRegion Method
onRenderShadow Method
onRenderText Method
onScrollOffsetChanged Method
onSelectedItemsChanged Method
onSizeChanged Method
onTransformChanged Method
processDragDropUrl Method
renderRedirect Method
reset Method
restrictScrollOffset Method
scrollBy Method
scrollByRestrict Method
sync Method
translateItemScaleFactor Method
unsync Method
unsyncGroup Method
updateStyles Method
updateTransform Method
zoom Method
zoomToRect Method
Properties
Events
ImageViewerActiveItemInteractiveMode
ImageViewerAutoPanInteractiveMode
ImageViewerCenterAtInteractiveMode
ImageViewerCreateOptions
ImageViewerDragInteractiveMode
ImageViewerElementsModeCreateOptions
ImageViewerElementsUpdatedEventArgs
ImageViewerHorizontalViewLayout
ImageViewerImageLoadingEventArgs
ImageViewerInteractiveMode
ImageViewerInteractiveModes
ImageViewerItem
ImageViewerItemChangedEventArgs
ImageViewerItemDragDropEventArgs
ImageViewerItemErrorEventArgs
ImageViewerItems
ImageViewerMagnifyGlassInteractiveMode
ImageViewerNoneInteractiveMode
ImageViewerPagerInteractiveMode
ImageViewerPanControl
ImageViewerPanZoomInteractiveMode
ImageViewerRenderEventArgs
ImageViewerRenderRedirectOptions
ImageViewerRubberBandEventArgs
ImageViewerRubberBandInteractiveMode
ImageViewerSelectItemsInteractiveMode
ImageViewerSingleViewLayout
ImageViewerSpyGlassDrawImageEventArgs
ImageViewerSpyGlassInteractiveMode
ImageViewerVerticalViewLayout
ImageViewerViewLayout
ImageViewerViewLayoutVector
ImageViewerZoomAtInteractiveMode
ImageViewerZoomToInteractiveMode
InteractiveDragCompletedEventArgs
InteractiveDragDeltaEventArgs
InteractiveDragStartedEventArgs
InteractiveEventArgs
InteractiveKeyEventArgs
InteractiveMultiTouchEventArgs
InteractivePinchCompletedEventArgs
InteractivePinchDeltaEventArgs
InteractivePinchStartedEventArgs
InteractiveService
InterpolationEventArgs
PropertyChangedEventArgs
Delegates
Enumerations
Libraries
Click or drag to resize