首頁 > 軟體

Android獲取觸控手勢實現左右滑動

2022-05-18 10:01:18

本文範例為大家分享了Android獲取觸控手勢實現左右滑動的具體程式碼,供大家參考,具體內容如下

一、Android提供的兩種手勢:

①Android提供了手勢檢測,併為手勢提供了相應的監聽器
②Android允許開發者新增手勢,並提供了相應的API識別使用者手勢

二、手勢檢測:手勢檢測器類:GestureDetector

監聽器:OnGestureListener,負責對使用者的手勢行為提供響應
時間處理方法:boolean OnDraw(MotionEvent e):當觸控事件按下時觸發該方法
boolean OnFing(MotionEvent e1,MotionEvent e2,float velocity X,float velocity Y):當用戶在觸控式螢幕上“拖過”時觸發該方法。其中 velocity X,float velocity Y代表“拖過”動作在橫向,縱向上的速度
abstract void onLongPress(MotionEvent e):當用戶在螢幕上長按時觸發該方法
onScroll(MotionEvent e,MotionEvent e2,float distanceX,float distanceY):當用戶在螢幕上“捲動”時觸發該方法
void onShowPress(MotionEvent e):當用戶在觸控式螢幕上按下,而還未移動和鬆開時觸發該方法

Android收拾檢測步驟:第一步:建立一個GestureDetector物件。建立該物件時必須實現一個GestureDetector.OnGestureListener監聽器範例:例如:GestureDetector detector=new GestureDetector(this,this)

應用程式的Activity的TouchEvent事件繫結監聽器,在事件處理中指定Activity上的TouchEvent事件交給GestureDetector處理。例如:detector.OnTouchEvent(event)

例子:①演示事件處理的方法
②通過手勢實現翻頁效果:
ViewFlipper元件,該元件可使用動畫控制多個元件之間的切換效果
flipper.setInAnimation()設定元件進入的動畫
flipper.setOutAnimation()設定元件出去的動畫
flipper.showPrevious()顯示上一個檢視
flipper.showNext()顯示下一個檢視

1.MXL如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" tools:context="com.example.android_gesture.MainActivity">

    <ViewFlipper
        android:id="@+id/rs_ViewFlipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </ViewFlipper>

</LinearLayout>

2.樣式

類名:left.in.xml   //進

<?xml version="1.0" encoding="utf-8"?>    
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="-100%p"
        android:toXDelta="0"
        ></translate>
</set>

類名:left.out.xml   //出

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="0"
        android:toXDelta="-100%p"
        ></translate>
</set>

類名:fight.in.xml   //進

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="100%p"
        android:toXDelta="0"
        ></translate>
</set>

類名:fight.out.xml   //出

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="0"
        android:toXDelta="100%p"
        ></translate>
</set>

3.實現JAVA類

package com.example.android_gesture;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewFlipper;

public class MainActivity extends AppCompatActivity {

    private ViewFlipper rs_viewFlipper;
    private int image[]={R.drawable.s2,R.drawable.s4,R.drawable.s9};
    private GestureDetector gd;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rs_viewFlipper = (ViewFlipper) findViewById(R.id.rs_ViewFlipper);

        for (int i = 0; i <image.length ; i++) {
            ImageView images=new ImageView(this);
            images.setImageResource(image[i]);
            rs_viewFlipper.addView(images);
        }
        //範例化手勢檢測器類
        gd = new GestureDetector(this, new GestureDetector.OnGestureListener() {
            @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) {
                if(e1.getX()-e2.getX()>100){//右滑下一張
                    rs_viewFlipper.showNext();
                    //設定效果圖右滑下一張的樣式,一張圖片進,一張圖片出
                    rs_viewFlipper.setInAnimation(MainActivity.this,R.anim.right_in);
                    rs_viewFlipper.setOutAnimation(MainActivity.this,R.anim.left_out);
                    Toast.makeText(MainActivity.this, "右滑下一張", Toast.LENGTH_SHORT).show();
                }
                if(e2.getX()-e1.getX()>100){//左滑上一張
                    rs_viewFlipper.showPrevious();
                    //設定效果圖左滑上一張的樣式,一張圖片進,一張圖片出
                    rs_viewFlipper.setInAnimation(MainActivity.this,R.anim.left_in);
                    rs_viewFlipper.setOutAnimation(MainActivity.this,R.anim.right_out);
                    Toast.makeText(MainActivity.this, "左滑上一張", Toast.LENGTH_SHORT).show();
                }
                return false;
            }
        });
    }

    @Override//觸控事件
    public boolean onTouchEvent(MotionEvent event) {
        return gd.onTouchEvent(event);
    }
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援it145.com。


IT145.com E-mail:sddin#qq.com