Pan and select objects with a single finger in SfImageEditor

Hi,

is it possible to pan and select objects (like circle, text) in SfImageEditor with one finger? The customers complains and say, that it is a standard and should work.


Thanks
Marian

3 Replies 1 reply marked as answer

SS Sridevi Sivakumar Syncfusion Team April 14, 2021 09:27 AM UTC

Hi Marian Grzesik,

Greetings from Syncfusion.

We have analysed your requirement and we can pan the SfImageEdtior image by setting the SfImageEdtior PanningMode property to SingleFinger. But we can't select the shapes and text this mode.

Code snippet[XAML]: 
  <imageeditor:SfImageEditor Source="{Binding Image}" PanningMode="SingleFinger" /> 

For more information about image editor panning mode
https://help.syncfusion.com/xamarin-android/sfimageeditor/zooming#panningmode

Let us know if you need any further assistance.

Regards,
Sridevi S.
 



MG Marian Grzesik April 14, 2021 10:08 AM UTC

Hi,

yes this is the problem, that in a "SingleFinger" the selection of shapes is not possible. It is very unconfortable. There are editors, which can do it, therefor the customers complains about it. I think you could think about it and introduce a third mode, where it is possible to pan and select an object with one finger. It is possible, because a tap with a finger, where no object is present just pan the image, otherwise select an object.

Thanks 
Marian


SS Sridevi Sivakumar Syncfusion Team April 15, 2021 03:41 PM UTC

Hi Marian Grzesik,

We would like to let you know that, we don’t have support to pan and select the shape in single finger mode in same time. For your requirement we have added custom toolbar to change the panning mode as per below code snippet

In below code we have change the panning mode based on the selected toolbar.  
 
        public MainPage()   
        {   
            InitializeComponent();   
            imageEditor.ToolbarSettings.ToolbarItems.Add(new FooterToolbarItem() { Name="Single finger", Text = "Single finger" });   
            imageEditor.ToolbarSettings.ToolbarItems.Add(new FooterToolbarItem() { Name ="Two finger", Text = "Two finger" });   
            imageEditor.ToolbarSettings.ToolbarItemSelected += ToolbarSettings_ToolbarItemSelected;   
        }   
        private void ToolbarSettings_ToolbarItemSelected(object sender, ToolbarItemSelectedEventArgs e)   
        {   
            if(e.ToolbarItem.Text == "Single finger")   
            {   
                imageEditor.PanningMode = PanningMode.SingleFinger;   
            }   
            else if(e.ToolbarItem.Text == "Two finger")   
            {   
                imageEditor.PanningMode = PanningMode.TwoFinger;   
            }   
        }   

Please have a sample from below link
https://www.syncfusion.com/downloads/support/directtrac/general/ze/Sample-1972975953 

Let us know if you need any further assistance.


Regards,
Sridevi S.  
 


Marked as answer
Loader.
Up arrow icon