none
win store app 如何实现 滑动分页的效果? RRS feed

  • 问题

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

    2014年7月16日 7:52

答案

全部回复

  • 你好。

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

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

    关于FlipView 的具体使用方法,请参考:

    How to add a flip view (XAML)

    Quickstart: Adding FlipView controls (XAML)

    • 已标记为答案 lxd_DD 2014年7月16日 8:35
    2014年7月16日 8:12
    版主
  • 追问一个问题,比如当我滑动到最末端的时候,再继续滑动可不可以到第一页,或者说在第一页向左滑动可不可以到最后一页 
    2014年7月16日 8:56
  • 你好。

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

    2014年7月16日 9:41
    版主
  • 我按照你的方法试了一下,当我滑动到最后一个的时候,继续滑动时,且手势向左,SelectionChanged事件已经不触发了,只有我向右滑动(向最末端的前一个滑动)才会继续触发该事件,这样该如何处理呢?
    2014年7月17日 10:04
  • 再请教一个问题,我如何在SelectionChanged事件里面捕捉到 用户是滑动的还是点击的事件呢?因为我想处理下点击的事件,如果点击了就弹出一个框,滑动则不做处理,现在不知道如何在SelectionChanged里面获取到事件 的类型
    2014年7月17日 13:05
  • 我是用了FilpView+ListBox实现了这个滑动分页的效果,但是如何能在SelecttionChanged里捕捉到点击的事件呢,无论是滑动还是点击都能触发selectionChanged事件  但是我判断不了事件类型  

    2014年7月18日 3:32