Android事件與手勢操作詳解

更新時間：2022年12月17日 15:14:48 作者：上后左愛

現在程序都是通過事件實現人機交互的。事件：用于對圖形界面的操作，有物理按鍵事件和觸摸屏事件兩大類。在Android組件中提供了事件處理的相關方法，如在View類中提供onTouchEvent()方法重寫觸摸屏事件，setOnTouchListener()方法為組件設置監(jiān)聽器來處理觸摸屏事件

事件和手勢

事件處理 :

物理事件處理
觸摸屏事件處理
手勢

物理事件處理

基于監(jiān)聽事件處理
基于回調事件處理

基于回調的時間處理：重寫Activity 回調方法

OnTouchEvent + OnKeyDown + OnKeyUp

基于回調處理事件，采用通用性事件比如在物理按鍵

1.物理事件提供三個事件：

按下： OnkeyDown, OnKeyUp: ONKeyLongPress(): 長按鍵

Android 當中位每個物理按鍵提供關鍵字常量： keyCODE_MENU,KEYCODE_HOME

案例：連續(xù)按兩次返回鍵返回地圖

package com.example.myapplication;
import android.os.Bundle;
import android.view.KeyEvent;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
/**
 * 功能： 連續(xù)按兩次返回鍵 退出當前應用
 */
public class MainActivity extends AppCompatActivity {
    private long exitTime = 0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode == KeyEvent.KEYCODE_BACK){
            // 執(zhí)行退出方法,
            exit();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
    public void exit() {
        if( (System.currentTimeMillis() - exitTime ) > 2000){
            Toast.makeText(MainActivity.this, "再按一次退出程序", Toast.LENGTH_SHORT).show();
            exitTime = System.currentTimeMillis();
        }else{
            finish();
            System.exit(0);
        }
    }
}

觸摸事件

OnTouchEvent ()

package com.example.myapplication;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.RelativeLayout;
import androidx.appcompat.app.AppCompatActivity;
/**
 * 功能： 通過Touch 移動帽子 給企鵝帶帽子
 * 1. s實例自頂HatView 在圖中 顯示帽子位置
 * 2. 通過監(jiān)聽OnTouchEvent 不斷更新 X,Y 坐標
 * 3. 將帽子布局管理器中，動態(tài)天劍
 */
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 添加帽子對象，觸摸事件監(jiān)聽器
        final HatView hatView = new HatView(MainActivity.this);
        hatView.setOnTouchListener(new View.OnTouchListener(){
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                hatView.bitmapX = motionEvent.getX()- 80; // 減去帽子一般高度，中心點移動
                hatView.bitmapY = motionEvent.getY();
                // 沖新繪制
                hatView.invalidate();
                return true;
            }
        });
        RelativeLayout relativeLayout = findViewById(R.id.relativeLayout);
        relativeLayout.addView(hatView);
    }
}

package com.example.myapplication;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.view.View;
/**
 *   Hat Postition  通過Touch 方式 移動
 * */
public class HatView extends View {
    public float bitmapX;
    public float bitmapY;
    public HatView(Context context) {
        super(context);
        this.bitmapX = 0.0f;
        this.bitmapY = 0.0f;
    }
    /**
     *  重新繪制帽子
     * */
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint();
        Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(), R.drawable.hat);
        canvas.drawBitmap(bitmap,bitmapX,bitmapY,paint);
        if(bitmap.isRecycled()){
            bitmap.recycle();
        }
    }
}

手勢檢測

1.Android 為手勢檢測提供一個 GestureDetector.onGestureListener

手勢監(jiān)聽器必須重寫其六個方法，onDown,OnFling(用戶手指在觸摸屏拖過觸發(fā)),OnLongPress

OnScroll,onShowPress,onSingleTapUp（用戶手指在屏幕上親敲擊觸發(fā)）

實例用戶的觸發(fā)功能：

package com.example.myapplication;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.ViewFlipper;
import androidx.appcompat.app.AppCompatActivity;
/**
  * 手勢方式滑動動畫
 */
public class MainActivity extends AppCompatActivity implements GestureDetector.OnGestureListener {
    ViewFlipper flipper; //定義ViewFlipper
    GestureDetector detector; //定義手勢檢測器
    Animation[] animation = new Animation[4];//定義動畫數組，為ViewFlipper指定切換動畫
    final int distance = 50; //定義手勢動作兩點之間最小距離
    //定義圖片數組
    private int[] images = new int[]{R.drawable.img01, R.drawable.img02, R.drawable.img03,
            R.drawable.img04,
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        detector = new GestureDetector(MainActivity.this, this);
        // 將顯示的動畫加入ViewFlipper 當中，并且初始化動畫數組
        flipper = findViewById(R.id.flipper);
        for(int i= 0; i< images.length; i++){
            ImageView imageView = new ImageView(this);
            imageView.setImageResource(images[i]);
            flipper.addView(imageView);
        }
        // 加載動畫資源組件
        animation[0] = AnimationUtils.loadAnimation(this, R.anim.slide_in_left);
        animation[1] = AnimationUtils.loadAnimation(this, R.anim.slide_out_left);
        animation[2] = AnimationUtils.loadAnimation(this, R.anim.slide_in_right);
        animation[3] = AnimationUtils.loadAnimation(this, R.anim.slide_out_right);
    }
    @Override
    public boolean onDown(MotionEvent motionEvent) {
        return false;
    }
    @Override
    public void onShowPress(MotionEvent motionEvent) {
    }
    @Override
    public boolean onSingleTapUp(MotionEvent motionEvent) {
        return false;
    }
    @Override
    public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
        return false;
    }
    @Override
    public void onLongPress(MotionEvent motionEvent) {
    }
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float v, float v1) {
        // 通過觸摸坐標的 判斷滑動趨勢
        if ((e1.getX() - e2.getX()) > distance){
            flipper.setInAnimation(animation[2]);
            flipper.setAnimation(animation[1]);
            flipper.showPrevious();
            return  true;
        }else if (e2.getX() - e1.getX() > distance) {
            //為flipper設置切換的動畫
            flipper.setInAnimation(animation[0]);
            flipper.setOutAnimation(animation[3]);
            flipper.showNext();
            return true;
        }
        return false;
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return detector.onTouchEvent(event);
    }
}

<?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:id="@+id/relativeLayout"
    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:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">
    <ViewFlipper
        android:id = "@+id/flipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ViewFlipper>
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
    android:fromXDelta="-100%p"
    android:toXDelta="0"
    android:duration="500"/>
</set>
<?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>
<?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>
<?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>

手勢添加

自定義的手勢：

Getsures Builder 手勢應用APP

總結：

1. GestureLibararias 加載自定義的手勢庫

2. 獲取GestureOverlayView 設置其事件監(jiān)聽器

3. 從GestureOverlayView 所有的手勢預測只，得到里面最大值打分

4. 從edito編輯框原來的值，與判斷打分最高值手勢相加會寫到原來的編輯框中

package com.example.myapplication;
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.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.EditText;
import androidx.appcompat.app.AppCompatActivity;
import java.util.ArrayList;
/**
  * 手勢方式滑動動畫
 */
public class MainActivity extends AppCompatActivity implements GestureOverlayView.OnGesturePerformedListener {
    private GestureDetector detector;
    private GestureLibrary librarry;
    private EditText editText;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 加載自定義手勢文件， 不成功退出
        librarry = GestureLibraries.fromRawResource(MainActivity.this, R.raw.gestures);
        editText = findViewById(R.id.editText);
        if(!librarry.load()){
            finish();
        }
        // 獲取GestureOverlayView 設置其事件監(jiān)聽器
        GestureOverlayView gestureOverlayView = findViewById(R.id.gesture);
        gestureOverlayView.setGestureColor(Color.BLACK);
        gestureOverlayView.setFadeOffset(1000);
        gestureOverlayView.addOnGesturePerformedListener(MainActivity.this);
    }
    @Override
    public void onGesturePerformed(GestureOverlayView gestureOverlayView, Gesture gesture) {
        // 獲取其最佳匹配，并更新編輯欄
        ArrayList<Prediction> predictions = librarry.recognize(gesture);
        int index = 0;// 保存當前預測的索引號
        double score = 0.0;// 保存當前預測的得分
        for (int i = 0; i < predictions.size(); i++) {// 獲得最佳匹配結果
            Prediction result = predictions.get(i);// 獲得一個預測結果
            if (result.score > score) {
                index = i;
                score = result.score;
            }
        }
        String Text = editText.getText().toString();
        Text += predictions.get(index).name;
        editText.setText(Text);
    }
}

<?xml version="1.0" encoding="utf-8"?>

<EditText
    android:id="@+id/editText"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="40dp"
    android:layout_marginTop="190dp" />
<android.gesture.GestureOverlayView
    android:id="@+id/gesture"
    android:layout_width="320dp"
    android:layout_height="180dp"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="85dp"
    android:gestureStrokeType="multiple" />

到此這篇關于Android事件與手勢操作詳解的文章就介紹到這了,更多相關Android事件與手勢內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Android點擊事件之多點觸摸與手勢識別的實現

Android編程實現獲取圖片資源的四種方法
這篇文章主要介紹了Android編程實現獲取圖片資源的四種方法,分別針對圖片所在目錄位置分析了Android獲取圖片資源的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11
Android使用gallery和imageSwitch制作可左右循環(huán)滑動的圖片瀏覽器
本文主要介紹了android使用gallery和imageSwitch制作可左右循環(huán)滑動的圖片瀏覽器的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
Android自定義底部彈出框ButtomDialog
這篇文章主要為大家詳細介紹了Android自定義底部彈出框ButtomDialog，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-11-11
Android Compose實現聯系人列表流程
聲明式UI，更簡單的自定義，實時帶交互的預覽功能Compose并不是類似于Recyclerview的高級控件，而是直接拋棄了View，ViewGroup那套東西，從上到下魯了一套全新的框架，直白點說就是它的渲染機制，布局機制，觸摸算法，以及UI具體寫法全都是新的
2023-03-03
解決Android Studio導入項目非常慢的辦法
在使用Android studio的時候常常遇到這樣的問題，從其他地方導入項目，Android studio呈現非常慢的現象！當遇到這種情況時，可以看看是下面這篇文章，再按照方法來解決！
2016-09-09
點擊圖標進入指定瀏覽器將首頁設置全透明解決一閃而過問題
進入瀏覽器之前有一個頁面閃了一下，那是因為從那個空白的首頁跳過去的。解決的辦法是把他變成透明的就好了
2014-08-08
Android中布局保存成圖片實例代碼
本篇文章主要介紹了Android中布局保存成圖片實例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
Android自定義PhotoView使用教程
自定義 PhotoView 繼承(extends)自 View。并在最中間顯示后面操作的圖片。繪制圖片可以重寫 onDraw()方法，并在里面通過Canvas.drawBitmap()來要繪制圖片
2023-04-04
Android自定義輪播圖效果
這篇文章主要為大家詳細介紹了Android自定義輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
Android編程自定義AlertDialog樣式的方法詳解
這篇文章主要介紹了Android編程自定義AlertDialog樣式的方法,結合實例形式詳細分析了Android自定義AlertDialog樣式的具體布局與功能實現相關操作技巧,需要的朋友可以參考下
2018-02-02