zoukankan      html  css  js  c++  java
  • 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上制作切换页面的效果!

  • 相关阅读:
    40种网页常用小技巧(javascript)
    伸缩效果
    震动的超链
    一个模仿图片透明渐变做的表格颜色渐变效果
    荧 光 效 果
    用LoadRunner编写socket应用的测试脚本
    突发奇想写的一篇小科幻(如果可以叫做科幻的话)
    《软件性能测试过程详解与案例剖析》一书在Chinapub上8月份的销售排名持续上升
    建立高效的测试团队
    探索性测试(Exploratory Testing)概述
  • 原文地址:https://www.cnblogs.com/cracker/p/windowsphone_wp7Gesture.html
Copyright © 2011-2022 走看看