How to avoid crop sluggishness in MasterDetailPage?
This section will explain how to avoid crop sluggishness when add image editor inside MasterDetailPage in iOS platform. The reason for crop sluggishness, when resize the cropping panel in ImageEditor which in turn enables the parent gesture (MasterDetail page Gesture). This is the default behavior of MasterDetail Page behavior in iOS. That is, when perform any interaction such as swipe or move for MasterDetail Page’s children view will also triggers the MasterDetailPage gesture.
Step 1: Create Master Detail page image editor sample with all necessary assemblies and add desired image in sample. Select Crop toolbar menu item to display the cropping panel on image and then resize the crop handle from left corner.Crop sluggishness will occur.
Step 2: To avoid crop sluggishness, you need to disable the Master Detail Page Gesture when loading the ImageEditor in OnAppearing method as like following code snippet.
protected override void OnAppearing() { base.OnAppearing(); if((Device.RuntimePlatform == Device.iOS)) (Application.Current.MainPage as ImageEditorPage).IsGestureEnabled = false; }
Step 3: To Enable the Master Detail Page Gesture when navigate back from the Image Editor , you need to set GestureEnabled property to true in OnDisappearing method as like below code snippet
protected override void OnDisappearing() { base.OnDisappearing(); if ((Device.RuntimePlatform == Device.iOS)) (Application.Current.MainPage as ImageEditorPage).IsGestureEnabled = true; }
Sample Link:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/IMAGEE~1-1561128314.zip