New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI ImageEditor Zooming

This article explains what are the zooming options you can apply to the image in the ImagfeEditor. The properties relatyed 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:

<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:

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

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

See Also

In this article
Not finding the help you need?