欢迎莅临 SUN WU GANG 的园子！！！

世上无难事，只畏有心人。有心之人，即立志之坚午也，志坚则不畏事之不成。
  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  470 随笔 :: 0 文章 :: 22 评论 :: 30万 阅读
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
android学习笔记51——SQLite 手势Gesture

手势Gesture

所谓手势，是指用户手指或触摸笔在触摸屏幕上的连续触碰行为。

Androi对两种手势行为都提供了支持：

1.对于第一种手势而言，android提供了手势检测，并为手势检测提供了相应的监听器

2.对于第二种手势而言，android允许开发者添加手势，并提供了相应的API识别用户手势

 

手势检测

android为手势检测提供了一个GestureDetector类，GestureDetector实例代表了一个手势检测器，创建GestureDetector时需要传入一个GestureDetector.OnGestureListener实例，

GestureDetector.OnGestureListener就是一个监听器、负责对用户的手势行为提供响应。

GestureDetector.OnGestureListener包含的事件处理方法如下：

boolean onDown(MotionEvent e) 当触碰事件按下时触发该方法
boolean onFling(MotionEvent e1,MotionEvent e2,float velocityX,float velocityY) 当用户在触摸屏上“拖过”时触发该方法。其中velocityX、velocityY代表“拖过”动作在横向、纵向上的速度
abstract onLongPress(MotionEvent e) 当用户在屏幕上长按时触发该方法
boolean onScroll(MotionEvent e1,MotionEvent e2,float velocityX,float velocityY) 当用户在屏幕上滚动时触发该方法
void onShowPress(MotionEvent e) 用户在触摸屏上按下、而且还未移动和松开时触发该方法
boolean onSingleTapUp(MotionEvent e) 用户在触摸屏上的轻击事件将会触发该方法

 

 

 

 

 

 

 

关于GestureDetector.OnGestureListener监听器里的各种方法的触发时机，仅从文字上表述显得还是比较抽象和不易理解，看如下实例理解触发各种事件。

使用android手势检测只需要两个步骤：

1.创建一个GestureDetector对象，创建该对象时必须实现一个GestureDetector.OnGestureLinstener监听器；

2.为应用程序的Activity(偶尔可为特定组件)的TouchEvent事件绑定监听器，在事件处理中指定把Activity/特定组件上的TouchEvent事件交给GestureDetector处理，

　GestureDetector就会检测是否触发了特定的手势动作。 　

实例如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
package com.example.mygesturedetector;
 
import android.os.Bundle;
import android.app.Activity;
import android.view.GestureDetector;
import android.view.Menu;
import android.view.MotionEvent;
import android.widget.Toast;
 
public class MainActivity extends Activity implements
        android.view.GestureDetector.OnGestureListener
{
    // 定义手势
    GestureDetector detector;
 
    @SuppressWarnings("deprecation")
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        detector = new GestureDetector(this);
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        // 将该Activity上的触屏事件交给GestureDetector处理
        return detector.onTouchEvent(event);
    }
 
    @Override
    public boolean onDown(MotionEvent e)
    {
        Toast.makeText(this, "onDown", 5000).show();
        return false;
    }
 
    @Override
    public void onShowPress(MotionEvent e)
    {
        Toast.makeText(this, "onShowPress", 5000).show();
    }
 
    @Override
    public boolean onSingleTapUp(MotionEvent e)
    {
        Toast.makeText(this, "onSingleTapUp", 5000).show();
        return false;
    }
 
    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
    {
        Toast.makeText(this, "onScroll", 5000).show();
        return false;
    }
 
    @Override
    public void onLongPress(MotionEvent e)
    {
        Toast.makeText(this, "onLongPress", 5000).show();
    }
 
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
    {
        Toast.makeText(this, "onFling", 5000).show();
        return false;
    }
 
}

实例二：通过手势缩放图片

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
布局文件==》
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >
 
    <ImageView
        android:id="@+id/image"
        android:layout_gravity="center_vertical|center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
 
</LinearLayout>
 
代码实现==》
package com.example.mygesturedetector2;
 
import android.os.Bundle;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.graphics.drawable.BitmapDrawable;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.widget.ImageView;
 
public class MainActivity extends Activity implements OnGestureListener
{
    GestureDetector detector;
    ImageView image;
    Bitmap bitmap;
    int width, height;
    float currentScale = 1;
    Matrix matrix;
 
    @SuppressWarnings("deprecation")
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 创建手势检测器
        detector = new GestureDetector(this);
        matrix = new Matrix();
        image = (ImageView) this.findViewById(R.id.image);
        bitmap = BitmapFactory.decodeResource(this.getResources(), R.drawable.photo12);
        width = bitmap.getWidth();
        height = bitmap.getHeight();
        image.setImageBitmap(BitmapFactory.decodeResource(this.getResources(), R.drawable.photo12));
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent e)
    {
        // 将Activity上的触碰事件交给GestureDetector处理
        return detector.onTouchEvent(e);
    }
 
    @Override
    public boolean onDown(MotionEvent e)
    {
        return false;
    }
 
    @Override
    public void onShowPress(MotionEvent e)
    {
    }
 
    @Override
    public boolean onSingleTapUp(MotionEvent e)
    {
        return false;
    }
 
    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
    {
        return false;
    }
 
    @Override
    public void onLongPress(MotionEvent e)
    {
    }
 
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
    {
        velocityX = velocityX > 5000 ? 5000 : velocityX;
        velocityX = velocityX < -5000 ? -5000 : velocityX;
        // 根据手势的速度来计算缩放比，当velocityX>0，放大图片，否则缩小图片
        currentScale += currentScale * velocityX / 5000.0f;
        // 保证currentScale不会等于0
        currentScale = currentScale > 0.01 ? currentScale : 0.01f;
        // 重置Matrix
        matrix.reset();
        matrix.setScale(currentScale, currentScale, 160, 200);
        BitmapDrawable tmp = (BitmapDrawable) image.getDrawable();
        // 如果图片还没有回收，强制回收图片
        if (!tmp.getBitmap().isRecycled())
            tmp.getBitmap().recycle();
        // 根据原始位图和Matrix创建新图片
        Bitmap bitmap2 = Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true);
        image.setImageBitmap(bitmap2);
        return false;
    }
 
}

运行效果如下：

实例三：通过手势实现翻页效果

ViewFlipper组件是一个容器组件，因此可调用addView(View v)添加多个组件，一旦向其添加了多个组件之后，ViewFlipper可使用动画控制多个组件直接的切换效果。

本程序通过GestureDetector来检测用户的手势，并根据手势动作来控制ViewFlipper包含的View组件的切换，从而实现翻页效果。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
布局文件main.xml==>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    <ViewFlipper
        android:id="@+id/ViewFlipper01"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
    </ViewFlipper>
 
</LinearLayout>
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
动画文件==》
res目录添加anim文件夹，并添加对应的动画xml
==>
left_in.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <translate
        android:duration="500"
        android:fromXDelta="100%p"
        android:toXDelta="0" />
 
</set>
 
left_out.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <translate
        android:duration="500"
        android:fromXDelta="0"
        android:toXDelta="-100%p" />
 
</set>
 
right_in.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <translate
        android:duration="500"
        android:fromXDelta="-100%p"
        android:toXDelta="0" />
 
</set>
right_out.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <translate
        android:duration="500"
        android:fromXDelta="0"
        android:toXDelta="100%p" />
 
</set>
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
代码实现==》
package com.example.mygesturedetector3;
 
import android.os.Bundle;
import android.app.Activity;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.ViewFlipper;
 
public class MainActivity extends Activity implements OnGestureListener
{
    ViewFlipper flipper;
    GestureDetector detector;
    Animation[] animations = new Animation[4];
    // 定义手势动作两点直接的最小距离
    final int FLIP_DISTANCE = 50;
 
    @SuppressWarnings("deprecation")
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        detector = new GestureDetector(this);
        flipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper01);
 
        // flipper.addView(addTextView("step 1"));// 将View添加到flipper队列中
        // flipper.addView(addTextView("step 2"));
        // flipper.addView(addTextView("step 3"));
        // flipper.addView(addTextView("step 4"));
        // flipper.addView(addTextView("step 5"));
        flipper.addView(addImageView(R.drawable.photo8));
        flipper.addView(addImageView(R.drawable.photo9));
        flipper.addView(addImageView(R.drawable.photo10));
        flipper.addView(addImageView(R.drawable.photo11));
        flipper.addView(addImageView(R.drawable.photo12));
        animations[0] = AnimationUtils.loadAnimation(this, R.anim.left_in);
        animations[1] = AnimationUtils.loadAnimation(this, R.anim.left_out);
        animations[2] = AnimationUtils.loadAnimation(this, R.anim.right_in);
        animations[3] = AnimationUtils.loadAnimation(this, R.anim.right_out);
    }
 
    private View addTextView(String text)
    {
        TextView tv = new TextView(this);
        tv.setText(text);
        tv.setGravity(1);
        return tv;
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        return detector.onTouchEvent(event);
    }
 
    private View addImageView(int resId)
    {
        ImageView img = new ImageView(this);
        img.setImageResource(resId);
        img.setScaleType(ImageView.ScaleType.CENTER);
        return img;
    }
 
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
    {
        if (e1.getX() - e2.getX() > FLIP_DISTANCE)
        {
            // 如果是从右向左滑动
            // 注册flipper的进出效果
            flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.left_in));
            flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.left_out));
            flipper.showNext();
            return true;
        }
        if (e1.getX() - e2.getX() < -FLIP_DISTANCE)
        {
            // 如果是从左向右滑动
            flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.right_in));
            flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.right_out));
            flipper.showPrevious();
            return true;
        }
        return false;
    }
 
    @Override
    public boolean onDown(MotionEvent e)
    {
        return false;
    }
 
    @Override
    public void onShowPress(MotionEvent e)
    {
    }
 
    @Override
    public boolean onSingleTapUp(MotionEvent e)
    {
        return false;
    }
 
    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
    {
        return false;
    }
 
    @Override
    public void onLongPress(MotionEvent e)
    {
    }
 
}

运行效果：通过左右滑动实现图片切换效果

 

posted on   sunwugang  阅读(328)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示