Windows Phone开发经验谈(7)-手势切换的方式(上)

      不知道大家在wp7上有没发现一些阅读软件、浏览器软件..可以点击左边切换到上一个的页面,点击右边切换到下一个页面..还有可以滑动切换...有非常漂亮的效果...

我就来给大家揭秘下这些是如何实现的...

      昨天我开发了一款软件http://dl.dbank.com/c0vx09gnvu  是每天可以查看到10条牛句 但是想带给用户更良好的体验。。那么必须要实现本文开篇所说的内容.. 要怎么实现左右滑动切换呢?

    其实很简单 只要用toolkit控件就可以实现了,在xaml中写上下面那句话:

   

      <toolkit:GestureService.GestureListener>
                <toolkit:GestureListener Flick="GestureListener_Flick"/>
            </toolkit:GestureService.GestureListener>

 

后台代码如下,主要用于判断是否是左右滑动的..然后做相应的处理

   private void GestureListener_Flick(object sender, FlickGestureEventArgs e)
        {
            if (e.Direction == System.Windows.Controls.Orientation.Horizontal)
            {
                if (e.HorizontalVelocity > 0.0)
                {
                    prev();
                }
                else
                {
                    next();
                }
            }
        }

 

如果大家想要点击左半边屏幕切换 上一张 右半边 切换下一张  也很容易...在全局的grid里面添加tap事件既可

  

 <Grid x:Name="LayoutRoot" Background="White" Tap="LayoutRoot_Tap" >

 

后台代码如下

     private void LayoutRoot_Tap(object sender, System.Windows.Input.GestureEventArgs e)
        {
            Point point = e.GetPosition(LayoutRoot);

            if (point.X <= 240)
            {

                prev();
            }
            else
            {
                next();

            }
        }

 

 因为wp7的屏幕都是480*800分辨率的,所以判断point.x小于240的话就在左边的范围,反之就在右边.....

 

ok,简要的介绍完了wp7翻页的2种方法...当然这样带给用户的体验还是不完美的...毕竟没有效果...所以下一篇我将告诉大家如何在wp7上制作切换页面的效果!

posted on 2012-06-09 19:08  豆浆咖啡  阅读(2302)  评论(0编辑  收藏  举报