亲宝软件园·资讯

展开

Android触摸手势左右滑动

殇丶 人气:0

一、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);
    }
}

加载全部内容

相关教程
猜你喜欢
用户评论