.NET MAUI ImageEditor Zooming

This article explains what are the zooming options you can apply to the image in the ImageEditor. The properties related to the zooming are:

• ZoomLevel(double)—Specifies the current zoom level of the viewed image. The default value is 1. A zoom level of 1 means the image is displayed with its original size.

In addition, you can restrict the zooming by applying min and max zoom:

• MinZoomLevel(double)—Specifies the minimum allowed zoom level of the image. The default value is 0.01. Setting the ZoomLevel property is coerced between MinZoomLevel and MaxZoomLevel.
• MaxZoomLevel(double)—Specifies the maximum allowed zoom level of the image. The default value is 10.0. Setting the ZoomLevel property is coerced between MinZoomLevel and MaxZoomLevel.

Example with Min and Max Zoom levels

RadImageEditor definition:

• XAML

<telerik:RadImageEditor x:Name="imageEditor" 
                        MinZoomLevel="0.5" 
                        MaxZoomLevel="20"
                        Source="https://raw.githubusercontent.com/telerik/maui-samples/main/Samples/ControlsSamples/Resources/Images/borderconfigurationavatar.png" />

Add the namespace used:

• XAML

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

For the ImageEditor Zoom Level example refer to the SDKBrowser Demo Application.