Sflistview slow scrolling on UWP having images and spancount 3

[Emil]

I have sflistview within the navigation drawer with spancount=3 on uwp. it has a remote image implementing ffimageloading (which is faster and more memory friendly)

Problem is the, it works fine on android but on UWP, scrolling is very slow, especially using mouse wheel. and after sometime scrolling it throws exception below. I dont understand how it occurs, thats why i cant provide you more information because it just throw randomly on scrolling and up down.

   <StackLayout Orientation="Vertical" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" CompressedLayout.IsHeadless="true">

            <navigation:SfNavigationDrawer x:Name="navigationDrawer" IsOpen="{Binding IsFilterOpen, Mode=TwoWay}"  

                                           VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" 

                                           Position="Right" Transition="SlideOnTop" DrawerWidth="150" DrawerHeight="300" DrawerHeaderHeight="50" DrawerFooterHeight="50">

            <navigation:SfNavigationDrawer.DrawerHeaderView>

                

            </navigation:SfNavigationDrawer.DrawerHeaderView>

            <navigation:SfNavigationDrawer.DrawerFooterView>

                

            </navigation:SfNavigationDrawer.DrawerFooterView>

            <navigation:SfNavigationDrawer.DrawerContentView>

             

            </navigation:SfNavigationDrawer.DrawerContentView>

            <navigation:SfNavigationDrawer.ContentView>

                <StackLayout x:Name="formView"   CompressedLayout.IsHeadless="true">

                    <SearchBar   x:Name="MyAutoComplete" TextChanged="MyAutoComplete_TextChanged"  Placeholder="{resx:Translate SearchItems}" PlaceholderColor="Silver" Text="{Binding SearchText, Mode=OneWayToSource}"  

                       SearchCommand="{Binding SearchClick}"  />

                    <sfListView:SfListView x:Name="listItems" SwipeOffset="250"  BackgroundColor="White" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"

                               ItemsSource="{Binding ItemTemplates}" SelectionMode="Single"  SelectionBackgroundColor= "{DynamicResource backgroundColor}"   

               ItemSpacing="1"    IsStickyHeader="False" IsStickyFooter="False"   AutoFitMode="Height"

                   AllowSwiping="True" IsEnabled="True" 

                  SelectedItem="{Binding SelectedItem, Mode=TwoWay}" Swiping="listItems_Swiping"  

                                           SwipeEnded="listItems_SwipeEnded" >                   

                            <sfListView:SfListView.LayoutManager>

                                <sfListView:GridLayout>

                                    <sfListView:GridLayout.SpanCount>

                                        <OnIdiom x:TypeArguments="x:Int32" Phone="1" Tablet="2" Desktop="3" TV="3" />

                                    </sfListView:GridLayout.SpanCount>

                                </sfListView:GridLayout>

                            </sfListView:SfListView.LayoutManager>                        

                        <sfListView:SfListView.ItemTemplate>

                            <DataTemplate>

                                    <Frame  OutlineColor="Silver" HasShadow="True" InputTransparent="True"  Margin="5" Padding="1" BackgroundColor="Transparent">

                                        <Grid ColumnSpacing="5" RowSpacing="5"   HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"  InputTransparent="True">

                                            <Grid.RowDefinitions>

                                                <RowDefinition Height="*"></RowDefinition>

                                                <RowDefinition Height="Auto"></RowDefinition>

                                                <RowDefinition Height="Auto"></RowDefinition>                                              

                                            </Grid.RowDefinitions>

                                            <ffimageloading:CachedImage Grid.Row="0" Aspect="Fill"  HorizontalOptions="FillAndExpand"  VerticalOptions="FillAndExpand"

                                    Source="{Binding imageurl}" ErrorPlaceholder="icon.png" LoadingPlaceholder="loading.gif" DownsampleToViewSize="True"

                                                   CacheDuration="90"

                                                    >

                                                <ffimageloading:CachedImage.HeightRequest>

                                                    <OnIdiom x:TypeArguments="x:Double" Phone="200" Tablet="250" Desktop="300" />

                                                </ffimageloading:CachedImage.HeightRequest>

                                            </ffimageloading:CachedImage>

                                            <Label Text="{Binding name}" Margin="5,0" Grid.Row="1"   Style="{StaticResource NameStyle}" LineBreakMode="WordWrap" />

                                          

                                            <StackLayout Orientation="Horizontal" Grid.Row="2" VerticalOptions="FillAndExpand">

                                                <Label     />

                                                <BoxView VerticalOptions="FillAndExpand" WidthRequest="1" BackgroundColor="Silver" />

                                                <Label     />

                                                <BoxView VerticalOptions="FillAndExpand" WidthRequest="1" BackgroundColor="Silver" />

                                                <Label    />

                                                

                                                <BoxView VerticalOptions="FillAndExpand" WidthRequest="1" BackgroundColor="Silver" />

                                                <Label  LineBreakMode="WordWrap"   />    

                                            </StackLayout>

                                        </Grid>

                                    </Frame>

                                </DataTemplate>

                        </sfListView:SfListView.ItemTemplate>

                    </sfListView:SfListView>

                  

                </StackLayout>

            </navigation:SfNavigationDrawer.ContentView>

        </navigation:SfNavigationDrawer>

            <controls:AdView  HorizontalOptions="FillAndExpand" />

        </StackLayout>

Exception: 

System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.

Parameter name: index

   at System.ThrowHelper.ThrowArgumentOutOfRange_IndexException()

   at Syncfusion.GridCommon.ScrollAxis.SortedRangeValueList`1.GetRangeValue(Int32 index)

   at Syncfusion.GridCommon.ScrollAxis.SortedRangeValueList`1.GetRange(Int32 index, Int32& count)

   at Syncfusion.GridCommon.ScrollAxis.LineSizeCollection.GetRange(Int32 index, Int32& repeatValueCount)

   

[Rawoof Sharief Muthuja Sherif]

Hi Emil, 

 

Thanks for contacting Syncfusion support. 

 

We have checked the reported query “SfListView slow scroll on UWP platform” from our end. We have prepared sample based on the template you have shared. Unfortunately the reported issue does not replicate at our end. Items are loaded as expected and scrolling is working fine in UWP platform 

 

For your reference we have attached the sample and you can download it from the below link 

 

Sample link:  http://www.syncfusion.com/downloads/support/forum/137558/ze/Sample-1330952333  

 

Can you please check whether the reported issue occurs in above sample also? If the above sample does not meet your requirement, can you please modify our sample to replicate the reported issue in our sample which would highly help us to analyze the query better. 

 

Regards, 

Rawoof M. 

[Emil]

Hi,

I dont know what is the difference but here is attached project. you can see that when you scroll, there is some flashing effect on the top and scrolling is lagging.

thanks for your help,

Emil

Attachment: App1_5389a054_cc68f983.7z

[Muthu Kumaran Gnanavinayagam]

Hi Emil, 

 

We are facing some issues while trying to compile the attached sample from our side. Please refer the below screenshot of the exception we are facing at our end. 

 

Screenshot: 

 

 

Can you please provide us a solution to resolve this exception at our end? Meanwhile we are preparing a new sample similar to the attached sample at our end. 

 

Regards, 

G.Muthu kumaran.