win store app 如何实现 滑动分页的效果？

Question

这个是应用顶部的一个效果，蓝色的小圆点代表页数，左右滑动可以切换页，如何实现这种效果？

Answer 1

你好。

Windows 应用商店应用中可以使用FlipView来实现这个效果，目前应用商店中很多新闻类应用也是采用了这种做法。

蓝色圆点的变化，可以在FlipView控件的SelectionChanged事件中根据SelectedIndex的变化而变化。

关于FlipView 的具体使用方法，请参考：

How to add a flip view (XAML)

Quickstart: Adding FlipView controls (XAML)

Answer 2

追问一个问题，比如当我滑动到最末端的时候，再继续滑动可不可以到第一页，或者说在第一页向左滑动可不可以到最后一页 

Answer 3

你好。

FlipView是不可以循环滑动的。如果想实现这种效果，我觉得可以这样尝试：当选中最后一个项目，且判断手势向左时，就把SelectedIndex设为0；选中第一个项目的判断也类似。

Answer 4

我按照你的方法试了一下，当我滑动到最后一个的时候，继续滑动时，且手势向左，SelectionChanged事件已经不触发了，只有我向右滑动（向最末端的前一个滑动）才会继续触发该事件，这样该如何处理呢？

Answer 5

再请教一个问题，我如何在SelectionChanged事件里面捕捉到 用户是滑动的还是点击的事件呢？因为我想处理下点击的事件，如果点击了就弹出一个框，滑动则不做处理，现在不知道如何在SelectionChanged里面获取到事件 的类型

Answer 6

我是用了FilpView+ListBox实现了这个滑动分页的效果，但是如何能在SelecttionChanged里捕捉到点击的事件呢，无论是滑动还是点击都能触发selectionChanged事件  但是我判断不了事件类型