.Net Maui, use gestures on tabbed page

Question

.Net Maui, use gestures on tabbed page

Phunction 301

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.

Anonymous

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

Phunction 301 Reputation points

2024-08-25T19:16:58.2833333+00:00

Thanks, that solved the issue.

Your answer

Anonymous

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
Phunction 301 Reputation points

2024-08-25T19:16:58.2833333+00:00

Thanks, that solved the issue.

Share via

.Net Maui, use gestures on tabbed page

Your answer