如何制作无限循环的GridView(启用一行)

时间:2019-05-22 03:36:48

标签: uwp uwp-xaml windows-community-toolkit

我正在使用AdaptiveGridViewOneRowEnabled从Windows社区工具包导入,并且发现NetFlix应用程序有一件有趣的事情。所有类别项目都是无限循环的,即,当滚动到最后一个项目时,然后第一个项目在最后一个项目之后。这就像一个圈子列表,最后一个与第一个相连。

我认为图片可能更直观。

用户可以看到绿色区域。当我向右滚动时,项目会向左移动。例如,当滚动最后一个项目item 100时,item 1随即出现在用户可视区域中。看来项目100和item 1始终是无缝连接的。太好了。

那么,怎么做,谢谢。

enter image description here

1 个答案:

答案 0 :(得分:0)

实际上,您需要的是一个循环列表控件。用于UWP的telerik UI具有现成的控件“ LoopingList”控件。现在是开源的。您可以检查其源代码:https://github.com/telerik/UI-For-UWP/tree/master/Controls/Primitives/Primitives.UWP/LoopingList

您可以直接在代码中使用它。

xmlns:telerikLoopingList="using:Telerik.UI.Xaml.Controls.Primitives.LoopingList"

<telerikLoopingList:RadLoopingList x:Name="loopingList"/>
loopingList.ItemsSource = Enumerable.Range(0,100).ToList();