Sample for ItemsRepeater with ConnectedAnimation

[harvinders]

Is this a totally new sample, an addition to an existing sample page, or a modification of an existing sample page?

• [x] New sample
• [x] Addition to existing sample
• [ ] Modification to existing sample

If this is an addition/modification to an existing sample page, which one? There are sample page for ConnectedAnimation with both ListView and GridView. WinUI has introduced ItemsRepeater sometime back, it would be great to have a sample that shows how to do connected animation for forward and backward page navigation.

Describe the sample

The sample should demonstrate following

1. A simple forward and backward page navigation with ItemsRepeater. It should correctly work when the user has scrolled a bit the ItemsRepeater present inside the ScrollViewer (This is important for backward navigation to restore the scroll position).

2. The streaming media apps use something similar

It would be great to see a sample in which a ItemsRepeater containing multiple ItemsRepeaters. The forward and importantly backward page navigation with connected animation should work.

3. As of today there are two containers that can host ItemsRepeater to support scrolling. ItemsScrollViewHostand the upcomingScrollViewer`. It would be great if the the samples could include both containers.

4. Please consider if NavigationCacheMode=Required could have influence on the samples.

Is your sample request related to a problem? Please describe it

@jesbis @SavoySchuler (You made a callout to help you prioritise things in WinUI)

I am trying to add connected animation to a app similar to the diagram shown above, which I hope to launch before the Neo. It is a bit frustrating that there is very little documentation to pull this off. I am spending lot of my time doing experimenting to understand the behaviour of these classes, whereas a sample could have saved me valuable time and I believe @ranjeshj 's too .

What I a describing could benefit the broader community as it could help create these class of applications.

Additional context

I am in discussions with @ranjeshj at #microsoft/microsoft-ui-xaml/issues/1848. However, I think it would help everyone if there are some samples too.

[ranjeshj]

@harvinders Thanks for filing this. @anawishnoff, can you please add this as one of the scenarios to add samples for ?

[karkarl]

Since ItemsView is the recommended control for items collections now, I believe it will be beneficial to create connected animation samples for ItemsView instead of ItemsRepeater.

For context, ItemsView is based off of ItemsRepeater anways.