We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Xamarin Image Editor is a powerful image editing component that allows easy modification of images by performing actions like cropping, rotating, inserting text and shapes such as rectangles, circles, and arrows on top of an image, drawing free-hand, and more.


Freehand drawing

A pen tool in Xamarin.Forms Image Editor allows freehand drawing over an image. Customize stroke thickness, opacity, and the color of the pen using this control.

Xamarin Image Editor stroke thickness support for path drawing.

Stroke thickness

Customize the default stroke thickness of the pen.

Xamarin Image Editor color palette support for pen, text, and shapes.

Color palette

Customize the pen stroke color using the available color palette.


Drawing shapes

Annotate shapes like rectangles, circles, and arrows over an image. Xamarin Image Editor allows z-ordering of shapes. Adding shapes to edit an image masks an unwanted area or points out a specific region in an image. Rectangles and circles can be customized by either filling the shape or drawing it as an outline. Shapes can also be resized.

Xamarin.Forms Image Editor shows drawing shapes such as rectangles, circles, and arrows


Image transformation

Rotate and flip images with all edits intact.

Xamarin Forms Image Editor rotation support for images.

Rotation

Use image rotations to rotate any upside-down image taken with a camera. Also, change the orientation of an image.

Rotation documentation

Xamarin.Forms Image Editor show flipped image using image transform functionality

Flip

Flip an image to create a mirror image of the original image.

Flip documentation


Cropping

Crop a particular region of an image to the desired size. There are many useful predefined aspect ratios available. Resize a cropped rectangle according to the aspect ratio.

Cropping documentation

Xamarin.Forms Image Editor shows cropped image with aspect ratio.


Text annotation

Edit an image by adding a text annotation to show useful information over an image. Make the text bold, change the font family, and align, italicize, or underline the text.

Xamarin.Forms Image Editor shows text added over an image


Custom view annotation

Add any image over another image as an annotation to add more information. Resize and position the annotated image to any desired size and location.

Xamarin.Forms Image Editor shows custom view added over an image


Editing utilities

The Xamarin.Forms Image Editor supports save, reset, undo, and redo operations to enhance the editing experience.

Save

Save edited images in the desired format, such as .png, .jpg, and .bmp, to the desired location on a device. The size of the images can be customized.

Undo and redo

The Xamarin.Forms Image Editor control supports n number of undo-redo operations for all editing actions performed over an image. Also undo any unwanted editing action or redo previously undone actions.

Undo and redo documentation

Reset

Reset the image to the original form by discarding any editing changes done to an image.

Serialization

Edits over an image can be saved using serialization and loaded any time to edit the image later.

Serialization documentation


Zooming and panning

Zoom an image. The zoomed image can be panned smoothly to view a desired region. All features like text, shapes, freehand drawing, etc., are compatible with zooming and panning.

Zooming and panning documentation

Xamarin.Forms Image Editor shows zooming and panning functionality


Toolbar customization

Customize the built-in toolbar by allowing the addition of any number of new toolbar items and the removal of the existing items. This helps in performing custom actions.

Xamarin.Forms Image Editor shows customized toolbar


Localization

The Xamarin.Forms Image Editor has localization support that makes it easy to localize applications to any language of choice.

Localization documentation

Xamarin.Forms Image Editor shows localized application


Xamarin.Forms Image Editor Code Example

Easily get started with the Xamarin.Forms Image Editor using a few simple lines of C# code example as demonstrated below. Also explore our Xamarin.Forms Image Editor Example that shows you how to render and configure the Image Editor for Xamarin.Forms.

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="ImageEditor_GettingStarted.ImageEditor_GettingStartedPage"
            xmlns:imageeditor="clr-namespace:Syncfusion.SfImageEditor.XForms;assembly=Syncfusion.SfImageEditor.XForms">
            <ContentPage.Content>
                <imageeditor:SfImageEditor Source="{Binding Image}" />
             </ContentPage.Content>
</ContentPage>
using Syncfusion.SfImageEditor.XForms;
    using Xamarin.Forms;

    public class App : Application
        {
            public App()
            {
                MainPage = new ImageEditor_GettingStartedPage();
            }

        }
    Public class ImageEditor_GettingStartedPage : ContentPage
    {
        public ImageEditor_GettingStartedPage()
        {
            InitializeComponent();
            BindingContext = new ImageModel();
            SfImageEditor editor = new SfImageEditor();
            this.Content = editor;
        }
    }

    class ImageModel
    {
        public ImageSource Image { get; set; }

        public ImageModel()
        {
            Image = ImageSource.FromResource("ImageEditor_GettingStarted.Image.jpg");
        }
    }



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

You can find our Xamarin Image Editor demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon