zoukankan      html  css  js  c++  java
  • Android应用开发基础篇(13)GestureDetector(手势识别)

    一、概述

          GestureDetector是一个用于识别手势的类,这里所讲的手势识别,不是模式识别里所讲的手势(用户的手在用摄像头前做的动作)识别,而是说用户的手在触摸屏上做的手势(比如滑动等),它可以识别一般的手势,也可以识别用户自定义的手势。


    二、要求

         利用GestureDetector、ViewFlipper类实现两个View之间的切换。


    三、实现

         新建工程MyGesture,修改/res/layout/main.xml文件,在里面添加一个ViewFlipper,完整的main.xml文件如下:

     1 <?xml version="1.0" encoding="utf-8"?>
    2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3 android:layout_width="fill_parent"
    4 android:layout_height="fill_parent"
    5 android:orientation="vertical" >
    6
    7 <ViewFlipper
    8 android:id="@+id/viewflipper"
    9 android:layout_width="fill_parent"
    10 android:layout_height="fill_parent"
    11 >
    12
    13 </ViewFlipper>
    14
    15 </LinearLayout>

    接着,在/res/layout下添加2个布局文件:firstview.xml和secondview.xml,它们的内容都是一个TextView和一个ImageView,firstview.xml如下:

     1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    2 android:layout_width="fill_parent"
    3 android:layout_height="fill_parent"
    4 android:orientation="vertical" >
    5
    6 <TextView
    7 android:layout_width="fill_parent"
    8 android:layout_height="wrap_content"
    9 android:text="这是第一个View"
    10 android:textColor="#FFFF0000"
    11 android:gravity="center_horizontal"
    12 android:textSize="20dip"
    13 />
    14
    15
    16 <ImageView
    17 android:id="@+id/fimg"
    18 android:layout_width="fill_parent"
    19 android:layout_height="wrap_content"
    20 android:src="@drawable/sir"
    21 />
    22
    23
    24 </LinearLayout>

    secondview.xml内容如下:

     1 <?xml version="1.0" encoding="utf-8"?>
    2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3 android:layout_width="fill_parent"
    4 android:layout_height="fill_parent"
    5 android:orientation="vertical" >
    6
    7 <TextView
    8 android:layout_width="fill_parent"
    9 android:layout_height="wrap_content"
    10 android:text="这是第二个View"
    11 android:textColor="#FF0000FF"
    12 android:gravity="center_horizontal"
    13 android:textSize="20dip"
    14 />
    15
    16 <ImageView
    17 android:id="@+id/fimg"
    18 android:layout_width="fill_parent"
    19 android:layout_height="wrap_content"
    20 android:src="@drawable/android"
    21 />
    22
    23
    24 </LinearLayout>

    最后,修改MyGestureActivity.java文件,主要定义一个GestureDetectorListener类用于实现GestureDetector.OnGestureListener接口,完整的内容如下:

      1 package com.nan.gesture;
    2
    3 import android.app.Activity;
    4 import android.os.Bundle;
    5 import android.view.GestureDetector;
    6 import android.view.LayoutInflater;
    7 import android.view.MotionEvent;
    8 import android.view.View;
    9 import android.widget.ViewFlipper;
    10
    11
    12
    13 public class MyGestureActivity extends Activity
    14 {
    15 //滑动距离的差值
    16 private static final int DISTANCE = 40;
    17
    18 private ViewFlipper mViewFlipper = null;
    19 private LayoutInflater mLayoutInflater = null;
    20 private GestureDetector mGestureDetector = null;
    21
    22 /** Called when the activity is first created. */
    23 @Override
    24 public void onCreate(Bundle savedInstanceState)
    25 {
    26 super.onCreate(savedInstanceState);
    27 setContentView(R.layout.main);
    28
    29 mViewFlipper = (ViewFlipper)this.findViewById(R.id.viewflipper);
    30 mLayoutInflater = LayoutInflater.from(MyGestureActivity.this);
    31 mGestureDetector = new GestureDetector(this,new GestureDetectorListener());
    32
    33 //将布局文件firstview.xml变为View对象
    34 View firstView = mLayoutInflater.inflate(R.layout.firstview, null);
    35 //将布局文件secondview.xml变为View对象
    36 View secondView = mLayoutInflater.inflate(R.layout.secondview, null);
    37 //添加View
    38 mViewFlipper.addView(firstView);
    39 //添加View
    40 mViewFlipper.addView(secondView);
    41
    42 }
    43
    44 @Override
    45 public boolean onTouchEvent(MotionEvent event)
    46 {
    47 //将触摸事件交给GestureDetector来处理
    48 return mGestureDetector.onTouchEvent(event);
    49 }
    50
    51
    52 public class GestureDetectorListener implements GestureDetector.OnGestureListener
    53 {
    54 @Override
    55 public boolean onDown(MotionEvent e)
    56 {
    57 // TODO Auto-generated method stub
    58
    59
    60 return false;
    61 }
    62
    63 @Override
    64 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
    65 float velocityY)
    66 {
    67 // TODO Auto-generated method stub
    68
    69 if((e1.getX()-e2.getX())>DISTANCE)
    70 {
    71 //显示下一个view
    72 mViewFlipper.showNext();
    73 return true;
    74 }
    75 else if((e2.getX()-e1.getX())>DISTANCE)
    76 {
    77 //显示前一个view
    78 mViewFlipper.showPrevious();
    79 return true;
    80 }
    81 return false;
    82 }
    83
    84 @Override
    85 public void onLongPress(MotionEvent e)
    86 {
    87 // TODO Auto-generated method stub
    88
    89 }
    90
    91 @Override
    92 public boolean onScroll(MotionEvent e1, MotionEvent e2,
    93 float distanceX, float distanceY)
    94 {
    95 // TODO Auto-generated method stub
    96 return false;
    97 }
    98
    99 @Override
    100 public void onShowPress(MotionEvent e)
    101 {
    102 // TODO Auto-generated method stub
    103
    104 }
    105
    106 @Override
    107 public boolean onSingleTapUp(MotionEvent e)
    108 {
    109 // TODO Auto-generated method stub
    110 return false;
    111 }
    112
    113 }
    114
    115 }

    好了,运行该程序:

    用手在屏幕上左右滑动试下:

    OK了。

         这里view之间的切换并没有加上动画效果,如果加上动画的话就可以做出翻页的效果。



  • 相关阅读:
    牛客练习赛53 A-E
    算导第二章笔记 (归并排序 之 插入排序优化)
    LightOJ 1372 (枚举 + 树状数组)
    LightOJ 1348 (树链剖分 + 线段树(树状数组))
    Light OJ 1343
    Light OJ 1266
    Light OJ 1085
    CodeForces 671C
    Codeforces Round #352 (Div. 2) (A-D)
    ZOJ1008
  • 原文地址:https://www.cnblogs.com/lknlfy/p/2381025.html
Copyright © 2011-2022 走看看