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上制作切换页面的效果！