Getting the index of the presented item

[Alessandro Del Sole]

Hello,

is there a way to retrieve the index of the item that is currently presented in the SfCarousel control? My need would basically be to select an item at swipe, and the SelectionChanged event is not useful, as it is raised only when an item is actually tapped.

Thanks in advance,

Alessandro

[Mugundhan Saravanan]

Hi Alessandro Del Sole 

 

We have checked the reported issue "Getting the index of the presented item" and we suggest to use SelectedIndex property to retrieve the index of the selected item. 

We have provided the sample for your reference below. 

 

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/231120/ze/Carousel_(1)-563147396 

 

Thanks.
Mugundhan S. 

[Alessandro Del Sole]

Thank you very much for your kind reply and example.

I forgot to mention I would need this to work with the Linear view mode of the Carousel, and this example won't work because the events SelectionChanged and PropertyChanged for SelectedIndex will not be fired until an item is tapped.

I would be happy to get the same result with a horizontal SfListView, by the way. 

Thanks again!

[Mugundhan Saravanan]

Hi Alessandro Del Sole,

Thanks for your update.

We have checked the reported issue by changing the ViewMode property to Linear in the sample. The behaviour as such, the PropertyChanged for SelectedIndex when the ViewMode is linear and the SelectionChanged event will be fired only when the item is tapped. We recommend you to use the Default ViewMode in order to retrieve the SelectedIndex without tapping.

Please let us know if you have any other concern.

Regards,
Mugundhan S.

[Alessandro Del Sole]

I have solved using a SfListView with horizontal orientation, then retrieving the index via the ScrollRows property of the VisualContainer object in the ScrollStateChanged event as follows:

            if (e.ScrollState == ScrollState.Idle || e.ScrollState == ScrollState.Fling)
            {
                var lineIndex = visualContainer.ScrollRows.GetVisibleLineAtPoint(300);

            

Not an elegant solution, but in this case I can predict the point in which a list item becomes visible at scrolling.

[Dhanasekar R]

Hi Alessandro, 

 

Thanks for the update.  In order to get the Visible items from list view, we recommend you to use DisplayItems property. And then you can get the index from Display items. 

 

Code snippet: 

 

var items = listView.DataSource.DisplayItems;
List<int> visibleIndex = new List<int>();
for (int i = 0; i < items.Count; i++)
{
    visibleIndex.Add(listView.DataSource.Items.IndexOf(items[i]));
} 

 

Regards, 

Dhanasekar