Scroll to last item of SfListView

[Luke]

Hello,

I search for a equivalent method as the Xamarin.Forms ListView.ScrollTo(Object item, ScrollToPosition position, Boolean animated).

ListView.ScrollTo - Xamarin Documentation

I want to scroll to the last item of SfListView. Is there any way to do this?

Best regards
Luke

[Dinesh Babu Yadav]

Hi Luke,   

   

Thank you for using Syncfusion products.   

   

You can achieve your requirement “Adjust scroll position programmatically in SfListView” by using ScrollToRowIndex method. The following code example illustrates to position the scroll viewer while initializing the SfListView.    

    

Code example[C#]:    

    

listView.Loaded += ListView_Loaded;    

…    

private void ListView_Loaded(object sender, ListViewLoadedEventArgs e)    

{    

    (listView.LayoutManager as LinearLayout).ScrollToRowIndex(ViewModel.contactsinfo.Count);    

}    

    

    

For your reference, we have attached the sample also. Please find the sample link below,    

http://www.syncfusion.com/downloads/support/forum/128397/ze/ListViewSample-553579834-1672542037     

 

Regards,    

Dinesh Babu Yadav  

[Luke]

Hi,

thank you for the fast answer. I try it.

Regards
Luke

[Dinesh Babu Yadav]

Hi Luke,  

  

Thanks for the update.  

  

We will wait to hear from you.  

  

Regards,  

Dinesh Babu Yadav 

[Dirk Prodi]

Hi Luke,   

   

Thank you for using Syncfusion products.   

   

You can achieve your requirement “Adjust scroll position programmatically in SfListView” by using ScrollToRowIndex method. The following code example illustrates to position the scroll viewer while initializing the SfListView.    

    

Code example[C#]:    

    

listView.Loaded += ListView_Loaded;    

…    

private void ListView_Loaded(object sender, ListViewLoadedEventArgs e)    

{    

    (listView.LayoutManager as LinearLayout).ScrollToRowIndex(ViewModel.contactsinfo.Count);    

}    

    

    

For your reference, we have attached the sample also. Please find the sample link below,    

http://www.syncfusion.com/downloads/support/forum/128397/ze/ListViewSample-553579834-1672542037     

 

Regards,    

Dinesh Babu Yadav  

(listView.LayoutManager as LinearLayout).ScrollToRowIndex

Hello,

How am I able to get the current RowIndex which is visible? For our use case we want to scroll by e.g. 10 items

Best regards,

Daniel

[Muthu Kumaran Gnanavinayagam]

Hi Daniel, 

  

You can achieve your requirement “Visible index in the view in SfListView” by using theScrollRows.Changed event. The following code illustrates how to get the First visible index and Last visible index for the ListView items which are currently in the View whenever scroll. 

  

Code example:[C#] 

 

    VisualContainer visualContainer = listView.GetType().GetRuntimeProperties().First(p => p.Name == "VisualContainer").GetValue(listView) as VisualContainer; 

    scrollRows = visualContainer.GetType().GetRuntimeProperties().First(p => p.Name =="ScrollRows").GetValue(visualContainer) as ScrollAxisBase; 

    scrollRows.Changed += ScrollRows_Changed; 

  

private void ScrollRows_Changed(object sender, ScrollChangedEventArgs e) 

{ 

  var firstIndex= scrollRows.ScrollLineIndex; 

  var lastindex = scrollRows.LastBodyVisibleLineIndex; 

} 

  

For your reference we have attached the sample also. Please find the sample link below. 

  

Sample:http://www.syncfusion.com/downloads/support/forum/128397/ze/ListViewSample543695093 

  

Regards, 

G.Muthu Kumaran. 

[Muthu Kumaran Gnanavinayagam]

Hi Bharathi, 

 

We have checked with the reported query and referred the attached screenshot from our side. You can achieve your requirement by loading the SfListView inside a Frame with its HasShadow property value set as ‘True’ as like below code example. 

 

Code example[XAML]: 

<ContentPage> 

    <Grid RowSpacing="0" BackgroundColor="#E5E4E2"> 

        <Grid.RowDefinitions> 

          <RowDefinition Height="Auto" /> 

        </Grid.RowDefinitions> 

         

        <Frame HasShadow="True" Margin="8,8,8,8" Padding="0,0,0,0"> 

        <sync:SfListView x:Name="listView" HeightRequest="220" ItemSize="100" 

                         SelectionMode="None" 

                         Orientation="Horizontal" 

                         ItemsSource="{Binding PizzaInfo}"> 

          <sync:SfListView.ItemTemplate> 

            <DataTemplate> 

              <Frame BackgroundColor="#ff8e02" Padding="2"> 

                                 

               <Grid RowSpacing="0" HorizontalOptions="Fill" VerticalOptions="Fill"> 

                  <Grid.RowDefinitions> 

                    <RowDefinition Height="*" /> 

                    <RowDefinition Height="20" /> 

                  </Grid.RowDefinitions> 

                  <Image Source="{Binding PizzaImage}" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" /> 

                  <Label Grid.Row="1" Text="{Binding PizzaName}" 

                         LineBreakMode="WordWrap" 

                         HorizontalTextAlignment="Center" 

                         VerticalTextAlignment="Center" 

                         TextColor="#8f0100" 

                         FontAttributes="Bold"/> 

                </Grid> 

              </Frame> 

            </DataTemplate> 

          </sync:SfListView.ItemTemplate> 

        </sync:SfListView> 

      </Frame> 

    </Grid> 

</ContentPage> 

 

For your reference, we have attached the sample and screenshot in the below link. 

 

Sample link: http://www.syncfusion.com/downloads/support/forum/128397/ze/SfListViewSample1876062022 

 

Please let us know if you require further assistance. 

 

Regards, 

G.Muthu Kumaran. 

[Muthu Kumaran Gnanavinayagam]

Hi Bharathi, 

 

We have checked with the attached image. You can achieve your requirement by setting padding for Frame and loading it inside a Grid. You can choose the desired BackgroundColor for Grid which will be applied as border color for the Frame when applying padding for all sides. For your assistance, we have attached the sample link with the screenshot below. 

 

Sample link: http://www.syncfusion.com/downloads/support/forum/128397/ze/SfListViewSample883357598 

 

Screenshot: 

 

 

Please let us know if you require further assistance. 

 

Regards, 

G.Muthu Kumaran. 

[Muthu Kumaran Gnanavinayagam]

Hi Bharathi, 

 

Thanks for the update. 

 

Regards, 

G.Muthu Kumaran.