Cannot see image editor tools to edit image when passing image stream to SFImage editor for IOS.

[Maulik Sakhare]

Hello,

I am not able to see the image editor when I pass image stream to editor for IOS. (FYI : Same code works fine when I implemented a demo project)

Below is the code for displaying image editor and screen shot for the output in simulator.

Dll reference is as follows :

And dll for syncfusion is version is : 15.3451.0.33

In portable project Xamarin forms version is 2.3.4.247

please let me know if I am doing something wrong.

[Sri Gayathri Gopalakrishnan]

Hi Maulik ,

Sorry for the inconvinence caused,

We were unable to reproduce the reported issue "Not able to see the ImageEditor when I pass image stream to editor for IOS" at our end. We have also passed FileImageSource to Editor.

we have created a sample using ImageEditorControl with dll version 15.3451.0.33 and package version 2.3.4.247

Please find the test sample from the below link-

Sample Link-http://www.syncfusion.com/downloads/support/directtrac/general/ze/ImageStream-1339912872  

Screenshot- 

Since we are not aware on the exact scenario on which the reported issue is reproduced, we would like to know the following details, which will be helpful in further analysis and provide you the solution sooner.

- Modify the attached sample to replicate your scenario
- Or provide your sample along with replication steps.

This will be helpful in further analysis and to provide the solution sooner.

Note: For Xamarin.Forms,Syncfusion.SfImageEditor.XForms and Syncfusion.SfImageEditor.XForms.iOS dll is sufficient to render ImageEditor control. For Xamarin.iOS, Syncfusion.SfImageEditor.iOS dll is used to render ImageEditor control.

Regards,
Sri Gayathri.G 

[Maulik Sakhare]

Yes, as I mentioned previously its working fine with our demo project too, but it creates issue when I integrate it in our project.

Is any dll or configuration can avoid the editor form displaying?

I cannot share my project code but I can share the configuration and dll information used in our app which can help you to figure out whats causing this issue.

Please let me know what information can help to to fix this issue.

[Sri Gayathri Gopalakrishnan]

Hi Maulik ,

Please ensure whether you have added ImageEditorRenderer in AppDelegate class to render ImageEditor on screen.

We have attached screenshot for your reference, 

Also please remove Syncfusion.SfImageEditor.iOS dll from your reference.

Please let us know whether the given suggestion resolves the issue at your end.

Regards,
Sri Gayathri.G 

[Maulik Sakhare]

Thanks, it helped :)

[Sri Gayathri Gopalakrishnan]

Hi Maulik,

Thanks for your response, we are glad that the issue has been resolved and please get back to us if you need any other assistance.

Regards,
Sri Gayathri.G

[Casey Niemann]

I have same issue.

I am using latest 16.2.0.41

Also set this in appdelegate:

I tried first sfImageEditorRenderer.Init(); but it was not working (meaninng it was not showing the editor). 

 

//Syncfusion.SfImageEditor.XForms.iOS.SfImageEditorRenderer.Init();

So i changed 
            new SfImageEditorRenderer();  

That atleast show the imageeditor.

In my case, i am loading image which is captured from camera. so i am loading it from a local path, but it does not show in ImageEditor.

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             xmlns:imageeditor="clr-namespace:Syncfusion.SfImageEditor.XForms;assembly=Syncfusion.SfImageEditor.XForms"
             x:Class="MyProject.Views.Utility.ImageCropperView">
    <ContentPage.Content>
        
                <imageeditor:SfImageEditor Source="{Binding Image}" ImageSaved="OnImageSaved" />
            
        </ContentPage.Content>

</ContentPage> 

in c#

public partial class ImageCropperView : ContentPage
    {
        private ImageSource _imageSource;
        public ImageSource Image{

            get => _imageSource;
            set
            {
                _imageSource = value;
                OnPropertyChanged();
            }

        }

        

        public ImageCropperView(string file)
        {
            InitializeComponent();
            this.Image =ImageSource.FromFile(file);
        }


        void OnImageSaved(object sender, Syncfusion.SfImageEditor.XForms.ImageSavedEventArgs args)
        {
             
        }  

 

and here is hwo i am calling it:(i am using media plugin from james montemagno)

file = await CrossMedia.Current.TakePhotoAsync(new StoreCameraMediaOptions
                {
                    Directory = "Sample",
                    Name = "img_" + Guid.NewGuid() + ".jpg",
                    PhotoSize = PhotoSize.Medium,
                    CompressionQuality = 50,
                });  

 var page = new ImageCropperView(file.Path);  
 await Navigation.PushAsync(page); 

 

So any thought on the image is not showing?

[Michael Prabhu M]

Hi Casey, 

  

Greetings from Syncfusion, 

  

We have created a sample based on your code snippet to load image to the Image Editor from camera.  

  

The following things are missing in your attached sample and we have modified the same in the sample 

  

1)Need to set Binding context to the page 

  

    Model model=new model(); 

    this.BindingContext=model; 

  

2)Horizontal and Vertical options has been set to the Image Editor 

  

 <imageeditor:SfImageEditor HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Source="{Binding Image}" /> 

  

Please find the sample from the below link, 

  

Sample Link : http://www.syncfusion.com/downloads/support/directtrac/general/ze/ImageStream924039999.zip   

  

As of now have validated your query in iOS platform, we are validating the same in Android platform. Can you please let us know in which platform you are facing the mentioned issues, so it will be helpful for us to provide a better solution? 

 

Regards, 

Michael 

[Jordan]

Hi,

I'm trying to use the Image Editor the same way as the sample project you've provided for Casey i.e. by using the CrossMedia plugin, but the ImageEditor doesn't initialise and I only see a white screen.

https://github.com/jamesmontemagno/MediaPlugin

I'm fairly sure it is to do with the image path returned by the CrossMedia plugin. I have implemented using the following example

https://www.syncfusion.com/kb/9368/how-to-load-image-from-camera-and-gallery

and it works fine but accesses the images from a different Gallery application that the MediaPlugin.

The differing filepaths are as follows:

MediaPlugin:                    /storage/emulated/0/Android/data/com.xxx.OPOCv4/files/Pictures/temp/IMG-20191020-WA0001_3.jpg

Syncfusion Example:       /storage/emulated/0/WhatsApp/Media/WhatsApp Images/IMG-20191020-WA0001.jpg

Can you advise how I can use the MediaPlugin to retrieve images from the Gallery so I can maintain consistency within my application?

Thanks in advance

[Rachel A]

Hi Jordan, 

 

Greetings from Syncfusion.  

 

Loading images from device Gallery location is common framework related sample process. ImageEditor control just load the image from where you are provided image source through editor.Source property.  

We suspect that you are missing something while loading image from Gallery. To confirm this, can you please use Xamarin Image control and ensure whether the image is loaded with the framework control? 

  

Xamarin Image control: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/images?tabs=windows  

  

If the image was not displayed in Xamarin Image control, then please check your sample code of loading image from Gallery. If you have any other queries related image editor, please let us know.  

 

We are happy to assist you. 

  

Regards, 

Rachel.