.Net Maui, use gestures on tabbed page

Phunction 226

Hi, I have a tabbed page with 2 tabs, on one tab I have and image that I would like the user to be able to use touch to pinch zoom and pan the image around.

I use this to show the image:

<Grid x:Name="imageView" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
<GraphicsView x:Name="image" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" />
</Grid>

In code, image.Drawable is set to a class that extends IDrawable

This works fine and the image is displayed.

My issue is, righ now when I try to pan or drag from side to side, the tab page will swtich between tabs.

I tried using the events on the tab page child, the image page, private void OnPinchUpdated and private void OnTouch

but they are not called. Where do I intercept these events so I can pan/zoom the image tab without it just swtiching tabs around?

MainTabPage -> ImageTab and InfoTab, just want to zoom/pan the image on ImageTab.

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,281 Reputation points Microsoft Vendor

2024-07-01T04:12:18.2166667+00:00
My issue is, righ now when I try to pan or drag from side to side, the tab page will swtich between tabs.

Do you want to disable the SwipePage in TabbedPage? If so, you can use following code to disable it

<TabbedPage xmlns=" http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x=" http://schemas.microsoft.com/winfx/2009/xaml" xmlns:android="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific;assembly=Microsoft.Maui.Controls" android:TabbedPage.IsSwipePagingEnabled="false"

Here is document about TabbedPage page swiping on Android

Share via

.Net Maui, use gestures on tabbed page