Swipe Left/Right gestures TabBarItems

[jindal1979]

I am trying to create Top TabBar with a few TabBarItems. I want to select the TabBarItem by using Swipe Left/Right gestures. Is there an API to enable swipe left/right gestures in TabBar or any other recommended approach? Please advise.

[jeromelaban]

Thanks for the question. Can you post a sample of the code you trying to get working?

[jindal1979]

I don't have a code, I want to implement it and therefore asking for directions.

[jeromelaban]

Thanks. I'm not sure to see which pattern you want to implement. Would you have an example of an app which does this? If you can share a video, it'll be easier.

[jindal1979]

[

In this image, there are 4 tabs in Tabbar. The current position is 3, if I swipe left the Tabar with object 2 should be selected or if I swipe right, the Tabbar with object 4 should be selected as the current TabbarItem.

[jeromelaban]

@kazo0

[Xiaoy312]

do you intend to swipe in the tabbar area "object 1, obj 2..." or in the content area "3"?
if it is for the content area, you should be able to use a FlipView and chain its SelectedIndex to that of TabBar

[kazo0]

If you are indeed looking to be able to swipe the content area, you can use something like a FlipView that was mentioned above and you can synchronize the selected item by using the TabBarSelectorBehavior from Toolkit. You can use the Selector attached property and it will automatically sync the TabBar's selected item to whatever Selector you provided.

[jindal1979]

Thanks for suggesting FlipView. However, I have four different Pages and I use Frame to navigate between these 4 pages based on TabBar SelectionChanged event. If I use FlipView all 4 pages will be loaded when FlipView is loaded, I want to avoid it.

[jindal1979]

Thanks for suggesting FlipView. However, I have four different Pages and I use Frame to navigate between these 4 pages based on TabBar SelectionChanged event. If I use FlipView all 4 pages will be loaded when FlipView is loaded, I want to avoid it.

[Xiaoy312]

You can try to bind each page's x:Load to its selection state for dynamic loading and unloading.

[jindal1979]

Thanks !!