`
wjlgryx
  • 浏览: 308540 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ViewFlipper结合手势OnGestureListener制作的滑动切换效果

AndroidUPITeyeOS 
阅读更多


文章分类:移动开发
先要了解ViewFlipper,详细见： 
http://gundumw100.iteye.com/admin/blogs/896840 

OnGestureListener和OnDoubleTapListener接口定义： 
Java代码  收藏代码
  1. public interface OnGestureListener {  
  2.                 // Touch down时触发, e为down时的MotionEvent  
  3.                 boolean onDown(MotionEvent e);  
  4.                 // 在Touch down之后一定时间（115ms）触发，e为down时的MotionEvent  
  5.                 void onShowPress(MotionEvent e);  
  6.                 // Touch up时触发，e为up时的MotionEvent  
  7.                 boolean onSingleTapUp(MotionEvent e);  
  8.                 // 滑动时触发，e1为down时的MotionEvent，e2为move时的MotionEvent  
  9.                 boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY);  
  10.                 // 在Touch down之后一定时间（500ms）触发，e为down时的MotionEvent  
  11.                 void onLongPress(MotionEvent e);  
  12.                 // 滑动一段距离，up时触发，e1为down时的MotionEvent，e2为up时的MotionEvent  
  13.                 boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY);  
  14. }  
  15.    
  16. public interface OnDoubleTapListener {  
  17.                 // 完成一次单击，并确定没有二击事件后触发（300ms），e为down时的MotionEvent  
  18.                 boolean onSingleTapConfirmed(MotionEvent e);  
  19.                 // 第二次单击down时触发，e为第一次down时的MotionEvent  
  20.                 boolean onDoubleTap(MotionEvent e);  
  21.                 // 第二次单击down,move和up时都触发，e为不同时机下的MotionEvent  
  22.                 boolean onDoubleTapEvent(MotionEvent e);  
  23. }  


实例： 
Java代码  收藏代码
  1. import android.app.Activity;  
  2. import android.os.Bundle;  
  3. import android.view.GestureDetector;  
  4. import android.view.MotionEvent;  
  5. import android.view.View;  
  6. import android.widget.Button;  
  7. import android.widget.ViewFlipper;  
  8.   
  9. public class FlingSlideActivity extends Activity implements GestureDetector.OnGestureListener,GestureDetector.OnDoubleTapListener{  
  10.     private ViewFlipper mViewFlipper;  
  11.     private GestureDetector mGestureDetector;  
  12.     /** Called when the activity is first created. */  
  13.     @Override  
  14.     public void onCreate(Bundle savedInstanceState) {  
  15.         super.onCreate(savedInstanceState);  
  16.         setContentView(R.layout.main);  
  17.         mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);  
  18.         Button button1 = (Button) findViewById(R.id.Button1);     
  19.         button1.setOnClickListener(new View.OnClickListener() {     
  20.             public void onClick(View view) {  
  21.                 mViewFlipper.showNext();     
  22.             }     
  23.         });  
  24.         Button button2 = (Button) findViewById(R.id.Button2);     
  25.         button2.setOnClickListener(new View.OnClickListener() {     
  26.             public void onClick(View view) {  
  27.                 mViewFlipper.showNext();     
  28.             }     
  29.         });        
  30.         Button button3 = (Button) findViewById(R.id.Button3);     
  31.         button3.setOnClickListener(new View.OnClickListener() {     
  32.             public void onClick(View view) {  
  33.                 mViewFlipper.showNext();     
  34.             }  
  35.         });  
  36.         mGestureDetector = new GestureDetector(this);  
  37.     }  
  38.     //别忘了覆盖onTouchEvent方法  
  39.     @Override  
  40.     public boolean onTouchEvent(MotionEvent event) {  
  41.         return mGestureDetector.onTouchEvent(event);  
  42.     }  
  43.     //以下是OnGestureListener需要实现的方法  
  44.     public boolean onDown(MotionEvent e) {  
  45.         // TODO Auto-generated method stub  
  46.         return false;  
  47.     }  
  48.     public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
  49.             float velocityY) {  
  50.         // TODO Auto-generated method stub  
  51.         if(e1.getX() > e2.getX()) {//向左滑动  
  52.             mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);     
  53.             mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);     
  54.            mViewFlipper.showNext();     
  55.        }else if(e1.getX() < e2.getX()) {//向右滑动  
  56.            mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_right_in);     
  57.            mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_right_out);     
  58.            mViewFlipper.showPrevious();     
  59.        }else {     
  60.            return false;     
  61.        }     
  62.        return true;  
  63.     }  
  64.   
  65.     public void onLongPress(MotionEvent e) {  
  66.         // TODO Auto-generated method stub  
  67.           
  68.     }  
  69.   
  70.     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,  
  71.             float distanceY) {  
  72.         // TODO Auto-generated method stub  
  73.         return false;  
  74.     }  
  75.   
  76.     public void onShowPress(MotionEvent e) {  
  77.         // TODO Auto-generated method stub  
  78.           
  79.     }  
  80.   
  81.     public boolean onSingleTapUp(MotionEvent e) {  
  82.         // TODO Auto-generated method stub  
  83.         return false;  
  84.     }  
  85.     //以下是OnDoubleTapListener需要实现的方法  
  86.     public boolean onDoubleTap(MotionEvent e) {  
  87.         // TODO Auto-generated method stub  
  88.            mViewFlipper.startFlipping(); //双击自动切换界面  
  89.            return true;  
  90.     }  
  91.     public boolean onDoubleTapEvent(MotionEvent e) {  
  92.         // TODO Auto-generated method stub  
  93.         return false;  
  94.     }  
  95.     public boolean onSingleTapConfirmed(MotionEvent e) {  
  96.         // TODO Auto-generated method stub  
  97.         if(mViewFlipper.isFlipping()){ //单击结束自动切换  
  98.             mViewFlipper.stopFlipping();  
  99.         }  
  100.         return false;  
  101.     }  
  102. font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 38px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-left-width: 1px; border-left-style:
    分享到：
    | 获取键盘值
    评论
    发表评论

    您还没有登录,请您登录后再发表评论

相关推荐

    Android使用ViewFlipper做页面切换，与手势滑动切换的使用

    5. onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)：滑动手势事件； 6. onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)：在屏幕上拖动事件。 主要判断...

    ViewFlipper+OnGestureListener+动画.

    在本案例中，`ViewFlipper`被与`OnGestureListener`结合使用，通过监听用户的手势来触发视图的切换，从而提供更加直观和自然的用户体验。 首先，我们需要了解`OnGestureListener`。这是Android SDK中的一个接口，它...

    【Android】滑动屏幕效果GestureDetector、OnGestureListener、ViewFlipper

    通过结合使用 `GestureDetector`、`OnGestureListener` 和 `ViewFlipper`，我们可以创建出流畅且互动性强的滑动屏幕效果。这种效果通常应用于新闻应用、相册应用或者任何需要展示多个页面并允许用户通过滑动手势切换...

    android 利用ViewFlipper来实现滑动切换Activity

    利用viwflipper来将多个activity封装在一个view中，通过实现OnGestureListener接口的onTouchEvent()方法和onFling() 方法，即可通过手持滑动切换activity。

    Android使用ViewFlipper实现左右滑动效果面

    在Android开发中，ViewFlipper是一个非常有用的布局组件，它允许开发者轻松地在多个视图之间切换，通常用于实现翻页、轮播图或者动画效果。在这个场景中，我们将探讨如何利用ViewFlipper来实现左右滑动的效果。 ...

    UI开发第八篇——ViewFlipper 左右滑动效果

    本篇将深入探讨如何利用ViewFlipper组件和GestureDetector类实现左右滑动切换视图的效果，这在主页面或多个内容区域展示的场景中非常常见。 ViewFlipper是Android提供的一个布局容器，它可以方便地在多个子视图之间...

    ViewFlipper+GestureDetector多页面切换

    5. **额外优化**：为了提供更好的用户体验，可以考虑添加一些额外的逻辑，比如限制页面回滚到第一张或最后一张时是否继续滑动，或者在滑动过程中禁用ViewFlipper的自动切换。 通过以上步骤，我们就可以创建一个基于...

    android viewflipper 图片滑动demo

    在Android开发中，ViewFlipper是一个非常有用的布局组件，它允许开发者轻松地在多个视图之间切换，常用于实现滑动浏览效果，如教程、引导页或者轮播图等。本示例“android viewflipper 图片滑动demo”正是这样一个...

    ViewFlipper和Gesture的使用（1）

    例如，我们可以监听用户的左右滑动手势，用以切换`ViewFlipper` 中的视图。 为了实现手势识别，首先需要创建一个`GestureDetector` 的实例，并重写其内部的 `onDown(MotionEvent event)`、`onFling(MotionEvent e1,...

    手势滑动效果

    在这个项目中，`ViewFlipper`可能被用来展示一系列可以滑动切换的页面或内容。 要实现手势滑动效果，首先我们需要集成`GestureDetector`类。`GestureDetector`是Android中处理基本手势的工具，它可以检测出用户的...

    Android手势滑动图片浏览

    `ViewFlipper`是Android SDK提供的一种布局容器，它可以轻松地在多个子视图之间进行切换，通常用于实现动画效果，如左右滑动切换页面。`ViewFlipper`继承自`ViewGroup`，因此它可以包含多个子视图，并自动管理它们的...

    Android ViewFlipper 的使用

    - 可以通过实现`OnGestureListener`接口并附加到`ViewFlipper`来处理手势事件，例如滑动切换。 6. **源码解析**： - 在`ViewFlipper`的源码中，`startFlipping()`和`stopFlipping()`方法控制了自动切换的开关。`...

    viewflipper实现左右滑屏

    ViewFlipper是Android SDK提供的一种布局管理器，用于在多个视图之间进行切换，通常用于创建滑动浏览或动画效果，比如左右滑动切换页面。它继承自ViewGroup，因此可以容纳多个子视图（Views），并且能方便地在这些子...

    android手势翻页效果

    总结来说，实现"android手势翻页效果"涉及的关键技术点有`ViewFlipper`的使用，以及`GestureDetector`配合`OnGestureListener`来检测和处理滑动手势。通过对这些知识点的深入理解和实践，开发者可以创建出更加生动、...

    ViewFlipper无限轮播

    ViewFlipper是Android SDK中的一个视图容器，用于在多个视图之间进行切换，它可以包含多个子视图，如ImageView、TextView等，并且可以轻松地实现动画效果，比如左右滑动来展示不同的视图。在Android开发中，...

    Android 手势滑动源码实例

    TestFlip可能是一个展示滑动手势效果的应用实例，可能包括翻页、滑动切换视图等功能。在实际项目中，你可能会结合ViewFlipper、ViewPager或其他视图容器来实现滑动效果。例如，使用ViewPager，你可以设置一个...

    Android ActivtiyGroup和ViewFlipper实现Activity滑屏切换

    本文将深入探讨如何利用这两个组件实现Activity之间的滑屏切换，并通过`GestureDetector`添加手势滑动功能。 首先，`ActivityGroup`是Android API Level 13之前的一个类，它允许开发者在同一个父`Activity`中管理多...

    viewflipper的使用

    总结来说，ViewFlipper是Android中实现多视图切换的利器，配合手势识别，可以轻松地创建出具有滑动效果的图片轮播或其他动画效果。通过灵活运用不同的Animation，我们可以实现更加丰富多彩的用户界面。记得在实际...

    android开发技巧一 滑动

    总的来说，通过组合使用 `ViewFlipper`, `GestureDetector` 和 `Animation`，我们可以轻松地在 Android 应用中实现左右滑动切换页面的效果。这种方式既简单又高效，适用于大多数需要滑动切换的场景。同时，开发者还...

    Android使用ViewFlipper和GestrueDetector共同实现滑屏效果实例

    ViewFlipper提供了方便的视图切换功能，而GestrueDetector使得我们可以识别并响应用户的触摸手势，两者结合可以创建出流畅且交互性强的滑屏界面。通过自定义动画和监听不同手势，可以进一步增强用户体验。

Magicbox
Global site tag (gtag.js) - Google Analytics