Android事件处理和手势

刺骨的言语ヽ痛彻心扉 2023-07-07 05:43 22阅读 0赞

## 一、事件处理概述 ##

1.  基于监听的事件处理
2.  基于回调的事件处理

#### 1、基于监听的事件处理 ####

为UI组件绑定事件监听器。前面的setOnClickListener等为按键设置事件监听器。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70]

#### 2、基于回调的事件处理![在这里插入图片描述][20200221104638583.png] ####

回调方法：当某一个事件发生时所调用的方法。  
常重写的关于Activity的方法有：onTouchEvent、onKeyDown、onKeyUp。

**两者的区别**  
基于回调：处理通用性事件  
基于监听：处理某些特定的事件

## 二、物理按键事件处理 ##

物理按键即手机上真实存在的按键，如音量键、返回键。

Android为每个物理按键都设置了三种方法：

1.  按下按键，onKeyDown()
2.  抬起即松开某个按键，onKeyUp()
3.  长按，onKeyLongPress()

Android为每个物理按键都设置了物理常量，如KEYCODE\_MUNU(菜单键），KEYCODE\_BACK(返回键）等，我们可通过这些常量判断按下哪个按键。

## 三、触摸屏事件 ##

#### 单击事件 ####

方法：  
setOnClickListener()，设置单击事件监听器，该方法只有一个入口参数：View.OnClickListener,需重写OnClick方法。

#### 长按事件 ####

长按事件2秒以上才会触发。

方法：  
setOnLongClickListener，设置长按事件监听器，该方法有一个参数：View.OnLongClickListener，需重写onLongClick。

要按下某个按钮或显示菜单，则需在MainActivity重写onCreateContextMenu菜单，为菜单选择选项值，使用menu.add（）方法。  
要在该按钮的事件监听器中，把事件注册到菜单中，用registerForContextMenu(view)，接着打开菜单即可，openContextMenu(view)。

#### 触摸事件 ####

用户触摸屏幕引发的事件。

方法：  
setOnTouchListener()，设置触摸事件监听器，有一个参数：View.OnTouchListener，需重写OnTouch方法。

public boolean onTouch(View view, MotionEvent motionEvent) { 
                    return false;
                }
    //MontionEvent：保存发生触摸的位置、时间等细节信息。

**实例：拖动帽子使小企鹅戴好帽子**  
效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 1]  
**activity\_main.xml文件**

//设置背景图片
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout 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:id="@+id/relativeLayout"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:background="@drawable/qq"
        tools:context="com.mingrisoft.demo.MainActivity">
    
    </RelativeLayout>

**HatView.java文件**

//创建一个HatView类
    package com.mingrisoft.demo;
    
    import android.content.Context;
    import android.graphics.Bitmap;
    import android.graphics.BitmapFactory;
    import android.graphics.Canvas;
    import android.graphics.Paint;
    import android.view.View;
    
    /** * Created by Asus on 2020/2/23. * 第一步操作：创建自定义View用来绘制帽子 * 因为每一步都要按照位置重绘帽子。 */
    public class HatView extends View{ 
        //位置坐标
        public float bitmapX,bitmapY;
        //构造函数，初始化默认位置
        public HatView(Context context) { 
            super(context);
            bitmapX=65;
            bitmapY=0;
        }
    
        //重写绘制帽子的方法
        @Override
        protected void onDraw(Canvas canvas) { 
            super.onDraw(canvas);
            //定义一个画笔
            Paint paint=new Paint();
            //位图（Bitmap），BitmapFactory.decodeResource第一个参数是包含你要加载的位图资源文件的对象（一般写成 getResources（）就ok了）；第二个时你需要加载的位图资源的Id。
            Bitmap bitmap= BitmapFactory.decodeResource(this.getResources(),R.drawable.hat);
            //canva画布
            canvas.drawBitmap(bitmap,bitmapX,bitmapY,paint);
            //判断图片是否回收
            if(bitmap.isRecycled())
            { 
                bitmap.recycle();
            }
        }
    }

canvas.drawBitmap方法的参数表：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 2]  
**MainActivity.java文件**

package com.mingrisoft.demo;
    
    import android.app.Activity;
    import android.support.v7.app.ActionBarActivity;
    import android.os.Bundle;
    import android.view.ContextMenu;
    import android.view.KeyEvent;
    import android.view.MotionEvent;
    import android.view.View;
    import android.widget.Button;
    import android.widget.ImageButton;
    import android.widget.RelativeLayout;
    import android.widget.Toast;
    
    public class MainActivity extends Activity { 
    
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //第二步：创造并实例化帽子类的一个对象，并未帽子添加触摸事件监听器，在
            //重写的触摸方法中根据触摸的位置重绘帽子
            //内部类中使用但未声明的任何局部变量必须在内部类的正文之前明确分配。
            //Java匿名内部类的方法中用到的局部变量都必须定义为final
            final HatView hat = new HatView(MainActivity.this);
            hat.setOnTouchListener(new View.OnTouchListener() { 
                @Override
                public boolean onTouch(View view, MotionEvent motionEvent) { 
                    //获取新位置
                    hat.bitmapX = motionEvent.getX() - 80;
                    hat.bitmapY = motionEvent.getY() - 80;
                    //进行重绘
                    hat.invalidate();
                    return true;
                }
            });
            //第三步：把帽子添加到布局管理器中
            RelativeLayout rl = (RelativeLayout) findViewById(R.id.relativeLayout);
            rl.addView(hat);
        }
    }

**单击事件和触摸事件的区别**  
手碰到屏幕的时候回触发触摸和单击事件。  
执行时首先执行触摸事件，如果没有消费掉这个事件，则执行单击事件。  
消费事件：一次UI操作是否完全反应，如果重写代码返回的是true，表明完全消费，否则交给后面的事件处理。  
单击事件触发一个动作，触摸事件触发两个动作即按下和抬起。

## 四、手势检测 ##

手势检测的类：GestureDetector，即一个手势检测器。  
创建类对象时需实现GestureDetector.OnGestureListener的接口，代表一个监听器，需重写6个方法。  
onDown:触摸事件按下时触发  
onFling:用户手指在屏幕拖过时触发（滑动）  
onLongPress:长按  
onSingleTapUp:轻击  
onScroll:滚动  
onShowPress:按住  
**onScroll和onFling的区别：**  
onFling（）为“滑动”的最后触发（即手指Up抬起时触发）  
onScroll为“滚动”过程中不断触发。

**实例：通过手势实现类似手机相册的查看相片功能**  
拓展知识：  
ViewFlipper使用动画来控制多个组件之间的切换效果。

## 五、手势的创建和导出 ##

手势的创建：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 5]

手势导出：  
DDMS→File Exploer→storage→gestures→右上角pull a file

## 六、手势识别 ##

实例：模拟微信手写输入实现识别用户输入手势的功能。  
效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 6]  
**activity\_main.xml文件**

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:background="@drawable/wechat_back"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.asus.usergesture.MainActivity">
        
        <EditText
            android:id="@+id/editText"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40dp"
            android:layout_alignParentBottom="true"
            android:textColor="#fff000"
            />
        <android.gesture.GestureOverlayView
            android:id="@+id/gesture"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gestureStrokeType="multiple"></android.gesture.GestureOverlayView>
    </RelativeLayout>

android:gestureStrokeType=“multiple”：允许多步书写。

**MainActivity\_main.java文件**

package com.example.asus.usergesture;
    
    import android.gesture.Gesture;
    import android.gesture.GestureLibraries;
    import android.gesture.GestureLibrary;
    import android.gesture.GestureOverlayView;
    import android.gesture.Prediction;
    import android.graphics.Color;
    import android.support.v7.app.ActionBarActivity;
    import android.os.Bundle;
    import android.widget.EditText;
    
    import java.util.ArrayList;
    
    public class MainActivity extends ActionBarActivity implements GestureOverlayView.OnGesturePerformedListener{ 
        //第二步：让MainActivity实现GestureOverlayView.OnGesturePerformedListener的手势接口
        //并重写OnGesturePerformedListener的方法
        private GestureLibrary library;
        private EditText editText;
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //加载raw文件夹中的手势文件，若加载失败则退出应用
            //两个入口参数：第一个上下文对象，第二个加载的手势文件
            library= GestureLibraries.fromRawResource(MainActivity.this,R.raw.gestures);
            editText= (EditText) findViewById(R.id.editText);
            //如果加载失败
            if(!library.load())
            { 
                finish();
            }
            //第四步：获得GestureOverView组件，并且为其设置属性值和事件监听器。
            GestureOverlayView gestureOverlayView= (GestureOverlayView) findViewById(R.id.gesture);
            //设置手势颜色
            gestureOverlayView.setGestureColor(Color.BLACK);
            //设置淡出屏幕的间隔时间
            gestureOverlayView.setFadeOffset(1000);
            //设置监听器
            gestureOverlayView.addOnGesturePerformedListener(this);
        }
    
    
        @Override
        public void onGesturePerformed(GestureOverlayView gestureOverlayView, Gesture gesture) { 
            //第五步：获取最佳匹配进行显示，并更新编辑框
            ArrayList<Prediction> gestures=library.recognize(gesture);
            //索引
            int index=0;
            //保存当前预测的得分
            double score=0.0;
            //获取最佳匹配结果
            for(int i=0;i<gestures.size();i++)
            { 
                Prediction result=gestures.get(i);
                if(result.score>score)
                { 
                    score=result.score;
                    index=i;
                }
            }
            String text=editText.getText().toString();
            text+=gestures.get(index).name;
            editText.setText(text);
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200221103940372.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng==,size_16,color_FFFFFF,t_70
[20200221104638583.png]: https://img-blog.csdnimg.cn/20200221104638583.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200223160016321.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200223170453925.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200229113810521.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200229113854509.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200229114007456.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/2020022912213467.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc4Njc1Ng==,size_16,color_FFFFFF,t_70