How to resolve the default image rotation issue when loading images into the Xamarin Image Editor for Android?

This article explains how to resolve the default image rotation issue when loading the image to the Image Editor on Xamarin.Forms Image Editor platform.

The reason for this issue, the specific image containing the EXIF metadata orientation like 90, 270 etc., and taking the image from mobile camera in landscape mode.

Before resolving the image rotation at load time.

After resolving the image rotation at load time.

To avoid this problem, you can add the image in Android assets and resources drawable folders. And refer the image to SfImageEditor control as shown in the following screenshot.

Please refer the following steps to resolve the image rotation at load time.

Step 1: Create SfImageEditor sample with all necessary assemblies.

Please refer the following link to create a simple SfImageEditor sample along with the ways to configure it.

Step2: Initialize the SfImageEditor control as shown in the following code sample.

[XAML]

        <imageeditor:SfImageEditor x:Name="editor"/>

Step3: Set an image to the SfImageEditor control with platform specific code.

[C#]

    …
            if (Device.RuntimePlatform == "Android")
                editor.Source = ImageSource.FromFile("test.jpg");
            else
                editor.Source = ImageSource.FromResource("ImageEditor_Sample.test.jpg");
 
     ….
 

Download the sample from here.

See also

Toolbar Customization in Xamarin Image Editor (SfImageEditor)

Custom View in Xamarin Image Editor (SfImageEditor)

Image Filter in Xamarin Image Editor (SfImageEditor)

Customize text with TextSettings in Xamarin Image Editor (SfImageEditor)