Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Xamarin.Forms. SwipeGesture and ScrollView don't work together on Android

I use Grid with SwipeGesture and ScrollView. ScrollView works well but SwipeGesture doesn't work only Android. In iOS I have not problem.

Why? Help me please

<Grid x:Name="grid">
     <Grid.RowDefinitions>
          <RowDefinition Height="*"/>
           <RowDefinition Height="auto"/>
      </Grid.RowDefinitions>

      <ScrollView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        ...
     </ScrollView>
 </Grid>

C#:

 var leftSwipeGesture = new SwipeGestureRecognizer { Direction = SwipeDirection.Right };
 leftSwipeGesture.Threshold = 50;
 leftSwipeGesture.Swiped += (sender, e) => Navigation.PopAsync();
 grid.GestureRecognizers.Add(leftSwipeGesture);
like image 963
Viktor Bylbas Avatar asked Dec 04 '22 18:12

Viktor Bylbas


1 Answers

I resolved this problem based on link. I created a new component:

public class GestureScrollView : ScrollView
{
    public event EventHandler SwipeLeft;
    public event EventHandler SwipeRight;

    public void OnSwipeLeft() =>
        SwipeLeft?.Invoke(this, null);

    public void OnSwipeRight() =>
        SwipeRight?.Invoke(this, null);
}

Android renderer:

[assembly: ExportRenderer(typeof(GestureScrollView), typeof(GestureScrollViewRenderer))]
namespace SwipeScrollView.Droid.Platform.Renderers
{
public class GestureScrollViewRenderer : ScrollViewRenderer
{
    readonly CustomGestureListener _listener;
    readonly GestureDetector _detector;

    public GestureScrollViewRenderer(Context context) : base(context)
    {
        _listener = new CustomGestureListener();
        _detector = new GestureDetector(context, _listener);
    }

    public override bool DispatchTouchEvent(MotionEvent e)
    {
        if (_detector != null)
        {
            _detector.OnTouchEvent(e);
            base.DispatchTouchEvent(e);
            return true;
        }

        return base.DispatchTouchEvent(e);
    }

    public override bool OnTouchEvent(MotionEvent ev)
    {
        base.OnTouchEvent(ev);

        if (_detector != null)
            return _detector.OnTouchEvent(ev);

        return false;
    }

    protected override void OnElementChanged(VisualElementChangedEventArgs e)
    {
        base.OnElementChanged(e);

        if (e.NewElement == null)
        {
            _listener.OnSwipeLeft -= HandleOnSwipeLeft;
            _listener.OnSwipeRight -= HandleOnSwipeRight;
        }

        if (e.OldElement == null)
        {
            _listener.OnSwipeLeft += HandleOnSwipeLeft;
            _listener.OnSwipeRight += HandleOnSwipeRight;
        }
    }

    void HandleOnSwipeLeft(object sender, EventArgs e) =>
        ((GestureScrollView)Element).OnSwipeLeft();

    void HandleOnSwipeRight(object sender, EventArgs e) =>
        ((GestureScrollView)Element).OnSwipeRight();
}
}

CustomGestureListener:

public class CustomGestureListener : GestureDetector.SimpleOnGestureListener
{
    static readonly int SWIPE_THRESHOLD = 100;
    static readonly int SWIPE_VELOCITY_THRESHOLD = 100;

    MotionEvent mLastOnDownEvent;

    public event EventHandler OnSwipeLeft;
    public event EventHandler OnSwipeRight;

    public override bool OnDown(MotionEvent e)
    {
        mLastOnDownEvent = e;

        return true;
    }

    public override bool OnFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
    {
        if (e1 == null)
            e1 = mLastOnDownEvent;

        float diffY = e2.GetY() - e1.GetY();
        float diffX = e2.GetX() - e1.GetX();

        if (Math.Abs(diffX) > Math.Abs(diffY))
        {
            if (Math.Abs(diffX) > SWIPE_THRESHOLD && Math.Abs(velocityX) > SWIPE_VELOCITY_THRESHOLD)
            {
                if (diffX > 0)
                    OnSwipeRight?.Invoke(this, null);
                else
                    OnSwipeLeft?.Invoke(this, null);
            }
        }

        return base.OnFling(e1, e2, velocityX, velocityY);
    }
}

Core:

<ctrl:GestureScrollView x:Name="gi"> ... </ctrl:GestureScrollView>

gi.SwipeLeft += (s, e) =>
    DisplayAlert("Gesture Info", "Swipe Left Detected", "OK");                     

gi.SwipeRight += (s, e) =>
    DisplayAlert("Gesture Info", "Swipe Right Detected", "OK");
like image 187
Viktor Bylbas Avatar answered Dec 06 '22 10:12

Viktor Bylbas