Zoom View is a container component that provides an interactive environment allowing users to zoom in and out of its content via gestures or controls. It is commonly used for images, diagrams, maps, or complex layouts where users need a closer look at visual details.

The Zoom View manages scaling, panning, and boundaries to ensure content remains usable and performant at different zoom levels.

Settings Properties

• Zoom Scale: Specifies the maximum zoom level. The default value is 2, meaning users can zoom in up to 2x the original size.

Appearance Properties (Other)

• Display: Controls the layout behavior of the component itself. Options include Flex (default, allows child components to be managed using flex properties) and None (hides the component).
• Elevation: A numeric value that controls the shadow depth on Android and provides a similar shadow effect on iOS and Web. A higher value gives the component a greater sense of depth.

Interaction Panel - Supported Events

Zoom View supports the Standard Event Set:

• On Destroy: Triggers when the component is removed from the layout.
• On Hover In: Triggers when a cursor hovers over the component.
• On Hover Out: Triggers when a cursor leaves the component.
• On Initialize: Triggers when the component is first rendered.
• On Inputs Change: Triggers when any input data changes in the component's context.
• On Long Press: Triggers when the user presses and holds the component.
• On Press: Triggers when the user taps or clicks the component.
• On Press In: Triggers when the user begins pressing the component.
• On Press Out: Triggers when the user releases the press.