Cardview: Android - ListView inside Carousel Scrolling issue

[huyjack178]

Hi @AndreiMisiukevich, please take a look at the gif, when I pull down to refresh, the listview will be shaking like that. Can you help checking for me?

[AndreiMisiukevich]

Hi, try MoveThresholdDistance = 20 or 10

[huyjack178]

@AndreiMisiukevich issue is still happened

[AndreiMisiukevich]

@AndreiMisiukevich issue is still happened

okay, with 50 too ?

[AndreiMisiukevich]

Try OppositePanDirectionDisablingThreshold = 1

[huyjack178]

Enable that property makes my listview scroll is hard and too laggy

[huyjack178]

I try the new version, and the issue is happening in iOS as well

[AndreiMisiukevich]

Try OppositePanDirectionDisablingThreshold = 1

try tot set 5 or 10

[huyjack178]

Enable that property makes my listview scroll is hard and too laggy

As I told you, enable that property make my listview scroll is hanging and too laggy

[AndreiMisiukevich]

Weird. This property just disallow horizontal scrolling, if the gesture is vertical

[AndreiMisiukevich]

Are you experienced your initial issue on iOS? or android only?

[huyjack178]

https://drive.google.com/file/d/1ZWvZZ-eL47HddAwzm-TbPEdZPPtOjAly/view?usp=sharing
Please help check for Android, let's check the LiveScore.Features -> Scores -> Views -> ScoresView.xaml

[akamud]

I just confirmed I have the same issue on Android. Even using OppositePanDirectionDisablingThreshold as 1 or 10. I also tried setting MoveThresholdDistance to 20.

As a workaround I just disabled panning in the carouselview. It is acceptable in my project.

[AndreiMisiukevich]

Hmm @akamud @huyjack178
Who knows how to resolve this stupid bug? Does anybody want to debug?

[huyjack178]

@AndreiMisiukevich , Hi, I had time to debug your code, I see the problem throws in these lines of code in CardsView.cs, in OnPanUpdated line 584, remove the code for Android, I don't know why you set OnTouchChanged for Android when Gesture is Completed

[EditorBrowsable(EditorBrowsableState.Never)]
        public void OnPanUpdated(PanUpdatedEventArgs e)
        {
            if (ItemsCount <= 0 || !IsPanInteractionEnabled)
            {
                return;
            }

            var diff = e.TotalX;
            var oppositeDirectionDiff = e.TotalY;
            if (!IsHorizontalOrientation)
            {
                var tempDiff = diff;
                diff = oppositeDirectionDiff;
                oppositeDirectionDiff = tempDiff;
            }
            switch (e.StatusType)
            {
                case GestureStatus.Started:
                    OnTouchStarted();
                    return;
                case GestureStatus.Running:
                    OnTouchChanged(diff, oppositeDirectionDiff);
                    return;
                case GestureStatus.Canceled:
                case GestureStatus.Completed:
                    // I remove these lines then the issue has gone
                    //if (Device.RuntimePlatform == Device.Android)
                    //{
                    //    OnTouchChanged(diff, oppositeDirectionDiff);
                    //}
                    OnTouchEnded();
                    return;
            }
        }

[AndreiMisiukevich]

If I did that, it was needed.

[AndreiMisiukevich]

https://github.com/AndreiMisiukevich/CardView/commit/c50897e6b4fbebb72ca09ce90dfc849778330db9

[huyjack178]

Thanks, waiting for new version

[huyjack178]

Hi @AndreiMisiukevich, I have another issue, I used CarouselView as a ListView Header, when I pull down to refresh, it also affects the CarouselView. Please take a look at the gif below

[AndreiMisiukevich]

Hi @AndreiMisiukevich, I have another issue, I used CarouselView as a ListView Header, when I pull down to refresh, it also affects the CarouselView. Please take a look at the gif below

Well, the previous issue is resolved, right?

[AndreiMisiukevich]

OppositePanDirectionDisablingThreshold = 1 doesn't help, does it?

[huyjack178]

Yes, it doesn't

[AndreiMisiukevich]

Can you get rid of headers? Just use datatemplateselector for this

[huyjack178]

What do you mean?

[AndreiMisiukevich]

What do you mean?

You said that the carousel view is the header of ListView.
I propose to put carousel view as a separate cell (first cell)