Xamarin Forms Pan Gesture [Tutorial 36]

Step1:HomePage.xaml

	<AbsoluteLayout>
	<local:PanContainer>
	<Image Source="black.jpg" WidthRequest="1024" HeightRequest="768" />
	</local:PanContainer>
	</AbsoluteLayout>

view raw HomePage.xaml hosted with ❤ by GitHub

Step2:PanContainer.cs

	double x, y;
	public PanContainer ()
	{
	// Set PanGestureRecognizer.TouchPoints to control the
	// number of touch points needed to pan
	var panGesture = new PanGestureRecognizer ();
	panGesture.PanUpdated += OnPanUpdated;
	GestureRecognizers.Add (panGesture);
	}
	void OnPanUpdated (object sender, PanUpdatedEventArgs e)
	{
	switch (e.StatusType) {
	case GestureStatus.Running:
	// Translate and ensure we don't pan beyond the wrapped user interface element bounds.
	Content.TranslationX = Math.Max (Math.Min (0, x + e.TotalX), -Math.Abs (Content.Width - App.ScreenWidth));
	Content.TranslationY = Math.Max (Math.Min (0, y + e.TotalY), -Math.Abs (Content.Height - App.ScreenHeight));
	break;
	case GestureStatus.Completed:
	// Store the translation applied during the pan
	x = Content.TranslationX;
	y = Content.TranslationY;
	break;
	}
	}
	}
	}

view raw PanContainer.cs hosted with ❤ by GitHub

Step3:Hola!!!!No More Steps