Cardview: CarouselView inside TabbedPage

[rredoh]

Hi Andrei. Could you please make your carouselview working inside TabbedPage? I read everywhere there's conflict with swiping gesture but not found any fix. Thank you very much and keep up the good work :D

[AndreiMisiukevich]

@rredoh Hi
I think, you will have to disable tabbedPage's swiping
https://forums.xamarin.com/discussion/81092/disable-swipe-on-tabbed-page

[rredoh]

Thanks for the suggestion @AndreiMisiukevich , but do we have another choice?

[AndreiMisiukevich]

@rredoh hm, i don't see any solution
How can we distinguish card swipes and page swipes ?)

[rredoh]

Ah I see. Thanks for the help then :)

But I have seen some apps can have this carousel and swiping tabbedpage. Just curious

[logicsandbox]

@AndreiMisiukevich Sorry to bring up this old issue. In our testing, the issue is not distinguishing between CarouselView swipes and Tab swipes, but rather that the CarouselView swipes seem to stop registering after 5-10px of swiping. After that, the swipe action is completed automatically, without the user lifting their finger.

If you swipe in a diagonal motion (I saw something in the code that was checking delta Y when determining if the touch counts), then this does not happen, and the user can swipe back and forth by holding on to the card, without the ItemSwiped event ever firing (until they let go).

I have experimented with all of these properties but cannot get this behavior to change:

• MoveDistance
• MoveWidthPercentage
• MoveThresholdDistance
• SwipeThresholdDistance
• SwipeThresholdTime
• Creating a base class of PanCardView.Droid/CardsViewRenderer.cs with SwipeThreshold set higher

Do you have any advice? Am I doing something incorrectly?

[AndreiMisiukevich]

@logicsandbox hi
could you please provide small sample and, maybe, video?

Also, try to set IsPanInteractionEnabled = false

[logicsandbox]

@AndreiMisiukevich Here is a video: https://youtu.be/I3oW44nWZXg

This video was recorded without trying your IsPanInteractionEnabled = false, but enabling it did not seem to change anything.

I've attached a zip of the app in the video. I will make a GitHub repo out of it when I get home from work (8 hours from now at least).

TestApp.zip

Edit: This was recorded on a Samsung Galaxy Note 8, but my coworker with an iPhone (7?) experienced the same behavior.

[AndreiMisiukevich]

https://github.com/AndreiMisiukevich/CardView/blob/master/PanCardView.Droid/CardsViewRenderer.cs

If somebody wants to debug :)

[AndreiMisiukevich]

@logicsandbox but it's so strange, that iphone has the same behavior.. i will try on simulator

[logicsandbox]

https://github.com/AndreiMisiukevich/CardView/blob/master/PanCardView.Droid/CardsViewRenderer.cs

If somebody wants to debug :)

@AndreiMisiukevich I was having trouble getting the solution to build because the Droid and iOS projects are not part of the solution. Are there instructions anywhere?

[AndreiMisiukevich]

@logicsandbox sorry, what do you mean?

[logicsandbox]

@AndreiMisiukevich https://github.com/AndreiMisiukevich/CardView/blob/master/PanCardView/PanCardView.sln Only has the one project in it?

[AndreiMisiukevich]

@logicsandbox oh... need to remove it
this is proper one https://github.com/AndreiMisiukevich/CardView/tree/master/PanCardViewSample

[AndreiMisiukevich]

@logicsandbox if you want you can make a PR (remove that file)

[logicsandbox]

@logicsandbox but it's so strange, that iphone has the same behavior.. i will try on simulator

@AndreiMisiukevich I just tried on an iPad and the swiping seems to work fine. This may be only an Android issue.

[AndreiMisiukevich]

@logicsandbox i think there is only one solution for now -- disable tabbedPage scrolling :(

[logicsandbox]

@AndreiMisiukevich @rredoh The solution is actually painfully simple. Use the UserInteracted event to disable TabbedPage swiping on UserInteractionStatus.Started, and enable TabbedPage swiping on UserInteractionStatusEnded/Ending.

Works perfectly! Should this be added to the workarounds section of the readme?

[AndreiMisiukevich]

@logicsandbox hm.. i think yes.

[logicsandbox]

@AndreiMisiukevich

161 Added TabbedPage workaround to Readme

[rredoh]

Ahh.. Thanks then :)
I'll try it and tell the result soon