Parallex Scroll effect Scrollview/ListView

[Josh]

Am looking to implement a parallel scroll using Syncfusion Listview and Scrollview control. I also wanted to have the swipe in SFlistview. I got it all working around all OS the way i wanted it but i found out that the swipe is not working anymore because of probably nested scrollview (it was recommended against in the MS documentation in Xamarin form). 

So here is the effect am looking to get https://github.com/xamarinium/ParallaxScroll but in my case i do have a listView and a header.

I can use scrollview and some other controls to list the List (like layout e.g.) but i will not have the default swipe SFListview comes with. I can use the listview and scrollview but i will not have the swipe.

I need someone to guide me in the right direction. Does Syncfusion has another control that behaves like the listview that has the Swipe effect? Can i somehow code the swipe effect on any child control of the Scrollview and forget using the ListView?

Thanks for the urgent reply.

[Gnana Priya Namasivayam]

Hi Josh,

Thanks for using Syncfusion products.

We would like to inform you that Syncfusion has SfParallaxView control in which you can load SfListView based on your requirement and it works fine with Swiping as expected. Please refer to the documentation link from the following,

UG Link : https://help.syncfusion.com/xamarin/parallax-view/gettingstarted#bind-source-to-the-parallax-view 

We have prepared ParallaxView sample based on your requirement for your reference, please find it from the following link.

SampleLink: http://www.syncfusion.com/downloads/support/directtrac/254240/ze/ParallaxVewListView-994268664

Along with Listview, SfDataGrid control also has swiping as you requested.

Please let us know if you have any further queries.

Regards,

Gnana Priya N

[Josh]

Thank you so much for the prompt response. I was able to try it out and is working as expected.

One of my challenge is setting up parallex.Source dynamically and not when the page is innitialized. For example, my Mainpage.xaml loads the controls dynamically in the code behind. After it loads the control, i try to set the ListView from the control to parallex.Source but it is not updating it.

Can it done be done any differently?

[Gnana Priya Namasivayam]

Hi Josh,

We are currently checking the reported query with the concerned team. We validate your requirement in detail and provide you further solution on November 13, 2019. We will appreciate your patience until then.

Regards,

Gnana Priya N

[Josh]

Again, Thanks a lot for all your support. Seriously you guys rock!

[Gnana Priya Namasivayam]

Hi Gustav,

Thanks for your patience.

We have prepared the sample by loading parallax view and listview dynamically based on your requirement. Please find the sample from below.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/paralax-129349262 

Please let us know if you need any further assistance. 

Regards,

Gnana Priya N

[Josh]

Thank you for the example. This example works perfectly for someone looking for an example.

My listview control is in a different view which gets loaded automatically on a different view that has the Parallex view control but i think i have an idea of what to try.

for example the MainPage.xaml has three buttons of which all of them call a different ContentView. The MainPage.xaml has the Parallex View control in it Each contentview has a SFListView control in it and each of them gets loaded dynamically in MainPage.xaml. So the MainPage.xaml will not have any SFListview control in it. I am getting the SFListview loaded in the MainPage.xaml view but it seems like when i try to do parallexview.Source = (loaded listview) it seems to not be binding the listview.

It seems to me that for the listview to be binded to the ParallexView source, it needs to be a control in the same view.

I will try different things to see maybe if i need to change the Architecture of the page and i will report back.

Let me know if you have another idea.

Again thanks for all the help and Amazing support.

[Rachel A]

Hi Josh, 

 

We have prepared sample to achieve your scenario by adding list view in content view and loading in the main page dynamically and setting it as source for parallax view. The sample can be downloaded from the below link. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/paralax-2087202264 

 

Thanks, 

Rachel. 

[Josh]

This worked for me.

Thanks

[Rachel A]

Hi Josh, 

 

We are glad to know that the solution given fulfilled the requirements. 

 

Thanks, 

Rachel.