Image zooming in .NET MAUI Image Editor (SfImageEditor)

21 Jul 20261 minute to read

The .NET MAUI Image Editor supports zooming and panning actions on an image.

Allow image zooming

Set the AllowZoom property to enable or disable the zooming functionality. By default, the AllowZoom value is true.

<imageEditor:SfImageEditor Source="image.jpeg" AllowZoom="False" />
using Microsoft.Maui.Controls;
using Syncfusion.Maui.ImageEditor;

SfImageEditor imageEditor = new SfImageEditor();
imageEditor.Source = ImageSource.FromFile("image.jpeg");
imageEditor.AllowZoom = false;
this.Content = imageEditor;

Change the image zoom level

Zoom the loaded image programmatically without any interaction by setting the ZoomLevel property.

<imageEditor:SfImageEditor Source="image.jpeg" ZoomLevel="2" />
using Microsoft.Maui.Controls;
using Syncfusion.Maui.ImageEditor;

SfImageEditor imageEditor = new SfImageEditor();
imageEditor.Source = ImageSource.FromFile("image.jpeg");
imageEditor.ZoomLevel = 2;
this.Content = imageEditor;

Zooming in .NET MAUI Image Editor

Change the maximum zoom level

Use the MaximumZoomLevel property to define the maximum zoom level for the image.

<imageEditor:SfImageEditor Source="image.jpeg" MaximumZoomLevel="5" />
using Microsoft.Maui.Controls;
using Syncfusion.Maui.ImageEditor;

SfImageEditor imageEditor = new SfImageEditor();
imageEditor.Source = ImageSource.FromFile("image.jpeg");
imageEditor.MaximumZoomLevel = 5;
this.Content = imageEditor;